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内 容 简 介 

本 书 以 开发 “网 上 书店 ”这 一 项 目 为 案例 ,介绍 .NET Web 应 用 开发 技术 。 

全 书 共 分 10 个 具有 递 进 关系 的 子 项 目 。 项 目 1 介绍 简单 Web 网 站 设计 。 项 目 2 介绍 风格 统一 的 
Web 网 站 设计 。 项 目 3 介绍 与 用 户 交互 性 网 站 设计 。 项 目 4 和 项 目 5 通过 图 书 查询 和 管理 功能 的 实现 ， 
介绍 ASP.NET 2.0 数据 显示 和 访问 技术 。 项 目 6 一 项 目 8 通过 网 上 书店 读者 注册 管理 ,购物 车 管理 和 订 
单 管理 业务 流程 的 实现 ,介绍 ASP.NET 2.0 注册 登录 控件 的 使 用 ,个 性 化 配置 和 分 层 软 件 架构 技术 。 项 
目 9 通过 网 上 书店 Web 报表 设计 介绍 水 晶 报表 技术 。 项 目 10 使 用 ASP.NET 2.0 Web 认证 和 授权 技术 
整合 网 上 书店 各 个 功能 模块 。ASP.NET 2. 0 知识 贯穿 在 项 目 设计 和 分 析 过 程 中 。 

本 书 既 可 作为 高 职高 专 院 校 计算 机 软件 技术 专业 的 教材 ,也 可 以 作为 计算 机 软件 开发 人 员 的 参考 
用 书 。 
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特色 教材 建设 是 推动 课程 改革 和 专业 建设 的 基础 ,是 提升 人 才 培 养 质量 的 重要 举措 ,也 
是 高 职 院 校内 涵 建 设 的 重点 之 一 。 

2007 年 ,经 教育 部 、 财 政 部 批准 ,常州 信息 职业 技术 学 院 进 入 100 所 国家 示范 性 高 职 院 
校 建设 行列 。 开 展示 范 院 校 建设 以 来 ,学 院 坚 持 以 科学 发 展 观 为 指导 ,针对 市 场 设 专业 , 针 
对 企业 定 课程 ,针对 岗位 练 技能 ,围绕 区 域 经 济 建设 .信息 产 业 发 展 的 实际 需求 ,全 面 推进 以 
“三 依托 、 三 合 一 "为 核心 的 工学 结合 人 才 培 养 模式 改革 ,强化 职业 素质 和 职业 技能 的 培养 ， 
构建 了 具有 学 院 自身 特色 的 校 企 合作 管理 平台 ,在 培养 高 素质 技能 型 人 才 ,为 服务 区 域 经 济 
等 方面 取得 了 显著 成 效 。 

为 展示 课程 建设 成 果 , 学 院 和 清华 大 学 出 版 社 合 作出 版 了 常州 信息 职业 技术 学 院 特色 
教材 30 部 ,这 也 是 学 院 示 范 院 校 建设 的 成 果 之 一 。 作 为 一 种 探索 ,这 套 教材 在 许多 方面 还 
不 尽 成 熟 和 完善 ,但 它 从 一 个 侧面 反映 了 学 院 广大 教师 多 年 来 对 有 中 国 特色 高 职 教育 教学 ， 
特别 是 教材 建设 层面 的 创新 与 实践 ,希望 能 对 深化 以 职业 能 力 培 养 为 核心 的 专业 改革 、 切 实 
提高 教育 教学 质量 发 挥 应 有 的 作用 。 

在 人 才 培 养 模式 的 创新 课程 改革 和 教材 建设 中 ,我 们 始终 得 到 教育 部 、 财 政 部 、 江 苏 省 
教育 厅 、 财 政 厅 和 国家 示范 性 高 职 院 校 建设 工作 协作 委员 会 等 各 级 领导 、 专 家 的 关心 和 指 
时, 得 到 众多 行业 企业 、 兄 弟 院 校 和 清华 大 学 出 版 社 的 大 力 支 持 , 在 此 一 并 致谢 ! 


常州 信息 职业 技术 学 院 
清华 大 学 出 版 社 
2009.6 


下 二 只 


信息 技术 的 核心 是 软件 ,软件 开发 需要 的 是 软件 人 才 , 从 事 编码 和 测试 基础 性 软件 开发 
的 程序 员 是 社会 紧缺 的 技能 型 软件 人 才 。 高 职高 专 软件 技术 专业 肩负 着 培养 技能 型 、 实 用 
型 .基础 型 软件 人 才 的 任务 。 为 了 满足 社会 对 软件 人 才 的 需求 ,同时 使 高 职高 专 软件 技术 专 
业 毕 业 的 学 生 基 本 符合 软件 企业 工作 的 编码 要 求 ,我 们 编写 了 《.NET Web 应 用 开发 ) 一 书 。 
本 书 结合 工作 过 程 思想 ,以 项 目 为 导向 、 任 务 驱动 为 基础 的 教材 组 织 方式 ,通过 一 个 真实 项 
目的 开发 过 程 , 重 点 培养 学 生 的 编码 实践 能 力 。 

教材 选取 “网 上 书店 ”的 设计 与 开发 过 程 作为 贯穿 教材 的 项 目 , 将 整个 项 目 分 解 为 10 个 
具有 递 进 关系 的 子 项 目 进行 讲解 。 每 个 子 项 目的 讲解 分 为 项 目 介绍 、 项 目 分 析 、 相 关 知识 、 
项 目 实施 项 目 总 结 、 项 目 实 训 6 个 完整 的 环节 。 具 体 讲解 项 目 实施 时 ,依据 子 项 目的 内 容 
分 解 为 若干 子 任务 , 子 任务 的 介绍 按 任 务 介绍 、 任 务 分 析 、 任 务实 施 、 任 务 总 结 、 课 堂 训练 与 
拓展 等 环节 介绍 。 知 识 点 贯穿 在 项 目 和 任务 的 介绍 中 ,学 生 在 完成 项 目的 过 程 中 学 习 知 识 。 

本 书 编写 过 程 中 得 到 江苏 富 深 协 通 数码 技术 有 限 公 司 、 常 州 腾 信 数码 科技 有 限 公司 的 
高 级 工程 师 的 帮助 ,他 们 对 于 项 目的 选择 、 项 目 实 训 \ 任 务 设计 提出 了 很 多 宝贵 意见 ,在 此 表 
示 惠 心 的 感谢 。 
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创建 简单 的 网 上 书店 Web 网 站 


1.1 项 目 介 绍 


第 一 个 项 目 主要 学 习 ASP .NET 的 基础 知识 ,内 容 包 括 ASP .NET 技术 的 发 展 背景 、 
ASP 与 ASP.NET 的 区 别 与 联系 .ASP.NET 2. 0 的 技术 特点 .C# 与 ASP.NET、.NET 框 
架 等 ,并 创建 一 个 简单 的 网 上 书店 Web 网 站 。 


1.2 项 目 分 析 


学 习 ASP.NET 技术 需要 先 对 它 的 IDE 集成 开发 环境 Visual Studio 有 一 个 详细 的 了 
解 。Visual Studio 2005 的 IDE 集成 开发 环境 增加 了 许多 功能 协助 创建 网 站 。 本 项 目 首先 
介绍 如 何在 Visual Studio 2005 中 新 建 网 站 .打开 网 站 ,然后 介绍 Visual Studio 2005 集成 开 
发 环境 中 常用 的 几 种 窗口 ,接着 按照 编辑 网 页 的 顺序 ,依次 介绍 新 建 网 页 ,编辑 网 页 .运行 网 
页 等 相关 知识 。 通 过 本 项 目的 学 习 , 读 者 可 以 对 Visual Studio 2005 有 一 个 比较 清楚 的 认 
识 ,为 以 后 的 学 习 打下 基础 。 


1.3 相关 知识 


1. 微软 .NET 的 历史 


随 着 网 络 经 济 的 到 来 ,微软 公司 希望 帮助 用 户 能 够 在 任何 时 候 、 任 何 地 方 、 利 用 任何 工 
具 都 可 以 获得 网 络 上 的 信息 ,并 享受 网 络 通信 所 带 来 的 快乐 。.NET 战略 就 是 为 着 实现 这 样 
的 目标 而 设立 的 。 

Microsoft .NET 平台 的 基本 思想 是 将 侧重 点 从 连接 到 互联 网 的 单一 网 站 或 设备 上 , 转 
移 到 计算 机 、 设 备 和 服务 群 组 上 ,使 其 通力 合作 ,提供 更 广泛 更 丰富 的 解决 方案 。 用 户 能 够 
控制 信息 的 传送 方式 ,时间 和 内 容 。 计 算 机 、 设 备 和 服务 能 够 相辅相成 ,从 而 能 提供 丰富 的 
服务 ,而 不 是 像 “ 孤 岛 " 那 样 ,由 用 户 提 供 唯一 的 集成 。 企 业 可 以 提供 一 种 方式 ,允许 用 户 将 
他 们 的 产品 和 服务 无 颖 地 嵌入 自己 的 电子 构架 中 。 

下 面 简单 介绍 一 下 .NET 技术 发 展 的 历程 。 

2000 年 6 月 ,微软 总 裁 比 尔 。 盖 茨 先 生 在 一 次 名 为 “论坛 2000” 的 会 议 上 发 表演 讲 , 描 


. 德 有 --- .NET Web 应 用 开发 一 


绘 了 .NET 技术 的 宏伟 蓝图 。 

2002 年 1 月 ,微软 公司 发 布 .NET Framework 1. 0 正式 版 。 与 此 同时 , Visual Studio 
.NET 2002 也 同步 发 行 。 

2003 年 4 月 23 日 ,微软 公司 推出 .NET Framework 1.1 和 Visual Studio .NET 2003。 
这 些 产 品 都 是 针对 .NET 1.0 的 升级 版 本 。 

2004 年 6 月 ,微软 发 布 .NET Framework 2.0 Betal 和 Visual Studio 2005 Betal。 同 
时 ,还 发 布 多 个 精简 版 (Express Edition) ,其 中 包括 Visual Web Develop 2005、Visual Basic 
2005、Visual C# 2005 和 SQL Server 2005 Express Edition 等 。 

2005 年 4 月 ,微软 公司 发 布 Visual Studio 2005 Beta2 测试 版 。 

2005 年 11 月 ,微软 公司 发 布 Visual Studio 2005 和 SQL Server 2005 正式 版 。 

2008 年 2 月 ,微软 公司 正式 发 布 产 品 Visual Studio 2008。 


2. ASP .NET 的 历史 


在 讲述 ASP.NET 历史 之 前 , 先 回 顾 一 下 ASP。ASP 的 第 一 个 版 本 是 0.9 测试 版 。 它 
给 Web 开发 带 来 一 阵风 暴 , 它 能 够 将 代码 直接 嵌入 HTML ,使 得 设计 Web 页 面 变 得 更 简 
单 ,并 且 通 过 内 和 置 的 组 件 能 够 实现 强大 的 功能 ,最 明显 的 就 是 ActiveX Data Objects 
(ADO) , 它 使 得 建立 一 个 动态 页 面 非常 简单 。 

接 下 来 是 Active Server Page 1. 0, 它 作为 IIS 的 附属 产品 免费 发 送 , 并 且 不 久 就 在 
Windows 平台 上 广泛 使 用 。ASP 与 ADO 的 结合 使 用 使 开发 者 很 容易 地 在 一 个 数据 库 中 
建立 和 打开 一 个 记录 集 , 这 无 疑 是 它 很 快 就 被 大 众 接受 的 原因 。 

1998 年 ,微软 公司 又 发 布 了 ASP 2.0。ASP 1.0 和 ASP 2.0 的 主要 区 别 是 外 部 的 组 件 
需要 实例 化 。 有 了 ASP 2.0 和 IIS 4. 0, 我 们 就 有 可 能 建立 ASP 应 用 了 ,而且 每 个 组 件 就 有 
了 自己 单独 的 内 存 空间 。 内 置 的 Microsoft Transaction Server(MTS) 也 使 得 制作 组 件 变 得 
很 简单 。 

微软 公司 接着 开发 了 Windows 2000 操作 系统 ,这 个 Windows 版 本 带 来 了 IIS 5.0 以 
及 ASP 3.0。 此 次 并 不 是 简单 地 对 ASP 进行 补充 ,核心 的 不 同 实际 上 是 把 很 多 的 事情 交 给 
COM(Component Object Model) 来 做 。 在 Windows 2000 中 ,微软 结合 了 MTS(Microsoft 
Transaction Server) 与 COM 核心 环境 做 出 了 COM + ,这 就 让 主机 有 了 一 种 新 的 方法 来 使 
用 组 件 , 同 时 也 给 主机 带 来 了 更 强 的 稳定 性 ,成 为 一 个 可 以 升级 的 且 效率 高 的 工作 平台 。 
IIS 5. 0 在 表面 上 似乎 没有 更 改 什么 ,但 是 在 接口 方面 改动 比较 大 。 在 内 部 , 它 使 用 COM + 
组 件 服 务 来 对 组 件 提供 一 个 更 好 的 执行 环境 。 

有 了 这 些 , 微 软 公司 又 推出 了 ASP .NET, 它 不 是 ASP 的 简单 升级 ,而 是 Microsoft 推 
出 的 新 一 代 Active Server Pages。 

目前 ,微软 发 布 的 .NET 最 新 版 本 是 3.5..NET 3.5 的 发 布 是 .NET 技术 走向 成 熟 的 标 
志 。 尤 其 是 用 于 Web 应 用 程序 开发 的 核心 技术 ,ASP.NET 3. 5 更 是 万 众 瞩目 ,不断 吸引 着 
越 来 越 多 的 目光 。 


3. Web 页 面 简介 
使 用 ASP.NET 网 页 可 以 为 网 站 创建 动态 内 容 。 通 过 使 用 静态 HTML 页 (. htm 或 


.html 文件 ) ,服务 器 读 取 文件 并 将 该 文件 按 原 样 发 送 到 浏览 器 ,以 此 来 满足 Web 请 求 。 相 
比 之 下 , 当 用 户 请 求 ASP.NET 网 页 (. aspx 文件 ) 时 ,该 页 则 作为 程序 在 Web 服务 器 上 运 
行 。 该 页 运行 时 ,可 以 执行 网 站 要 求 的 任何 任务 ,包括 计算 值 . 读 写 数 据 库 信息 或 者 调用 其 
他 程序 。 该 页 动态 地 生成 标记 (HTML 或 另 一 种 标记 语言 中 的 元 素 ) ,并 将 该 标记 作为 动态 
输出 发 送 到 浏览 器 。 


4. 回 发 和 往返 行程 


ASP.NET 页 面 作为 代码 在 服务 器 上 和 运行。 因此 ,要 得 到 处 理 , 页 面 必须 配置 为 当 用 
户 单 击 按钮 (或 者 当 用 户 选中 复 选 框 或 与 页 面 中 的 其 他 控件 交互 ) 时 提交 到 服务 器 。 每 
次 页 面 都 会 提交 回 自身 ,以 便 它 可 以 再 次 运行 其 服务 器 代码 ,然后 向 用 户 呈 现 其 自身 的 
新 版 本 。 

ASP.NET 网 页 的 处 理 循环 如 下 。 

(1) 用 户 请 求 页 面 (使 用 HTTP GET 方法 请 求 页 面 )。 页 面 第 一 次 运行 ,执行 初步 处 
理 ( 如 果 已 通过 编程 让 它 执行 初步 处 理 ) 。 

(2) 页 面 将 标记 动态 呈现 到 浏览 器 ,用 户 看 到 的 网 页 类 似 于 其 他 任何 网 页 。 

(3) 用 户 输入 信息 或 从 可 用 选项 中 进行 选择 ,然后 单 击 按钮 (如 果 用 户 单 击 链接 而 不 是 
按钮 ,页面 可 能 仅仅 定位 到 另 一 页 ,而 第 一 页 不 会 被 进一步 处 理 ) 。 

(4) 页 面 发 送 到 Web 服务 器 (浏览 器 执行 HTTP POST 方法 ,该 方法 在 ASP.NET 中 
称 为 “ 回 发 "” 。 更 明确 地 说 ,页 面 发 送 回 其 自身 。 例 如 ,如 果 用 户 正在 使 用 Default. aspx 页 
面 , 则 单 击 该 页 上 的 某 个 按钮 可 以 将 该 页 发 送 回 服务 器 ,发 送 的 目标 则 是 Default. aspx。 

(5) 在 Web 服务 器 上 ,该 页 再 次 运行 ,并 且 可 在 页 上 使 用 用 户 输 入 或 选择 的 信息 。 

(6) 页 面 执行 通过 编程 所 要 执行 的 操作 。 

(7) 页 面 将 其 自身 呈现 回 浏览 器 。 

只 要 用 户 在 该 页 面 中 工作 ,此 循环 就 会 继续 。 用 户 每 次 单 击 按钮 时 ,页 面 中 的 信息 
会 发 送 到 Web 服务 器 ,然后 该 页 面 再 次 运行 。 每 个 循环 称 为 一 次 往返 行程 "”。 由 于 页 面 
处 理发 生 在 Web 服务 器 上 ,因此 页 面 可 以 执行 的 每 个 操作 都 需要 一 次 到 服务 器 的 往返 
行程 。 


5. 页 面 生 存 期 


与 桌面 应 用 程序 中 的 窗 体 不 同 .ASP.NET 网 页 在 用 户 使 用 窗 体 时 不 会 启动 或 运行 ,并 
且 仅 当 用 户 单 击 * 关 闭 ? 按 钮 时 才 会 印 载 。 这 是 由 于 Web 具有 断 开 连接 的 特性 。 浏 览 器 从 
Web 服务 器 请 求 页 面 时 ,浏览 器 和 服务 器 相连 的 时 间 仅 够 处 理 请 求 。Web 服务 器 将 页 面 呈 
现 到 浏览 器 之 后 ,连接 即 终止 。 如 果 浏 览 器 对 同一 Web 服务 器 发 出 另 一 个 请 求 , 则 即使 是 
对 同一 个 页 面 发 出 的 ,该 请 求 仍 会 作为 新 请 求 来 处 理 。 

Web 这 种 断 开 连接 的 特性 决定 了 ASP .NET 页 的 运行 方式 。 用 户 请 求 ASP .NET 网 
页 时 ,将 创建 该 页 的 新 实例 。 该 页 执行 其 处 理 ,将 标记 呈现 到 浏览 器 ,然后 该 页 被 丢弃 。 如 
果 用 户 单 击 按钮 执行 回 发 ,将 创建 该 页 的 新 实例 ; 该 页 执行 其 处 理 ,然后 再 次 被 丢弃 。 这 
样 ,每 个 回 发 和 往返 行程 都 会 导致 生成 该 页 的 一 个 新 实例 。 

ASP.NET 页 运行 时 .此 页 将 经 历 一 个 生命 周期 ,在 生命 周期 中 将 执行 一 系列 处 理 步 
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豫 。 这 些 步 又 包括 初始 化 ` 实 例 化 控件 ,还原 和 维护 状态 .运行 事件 处 理 程序 代码 以 及 进行 
呈现 。 了 解 页 的 生命 周期 非常 重要 ,这 样 就 能 在 合适 的 生命 周期 阶段 编写 代码 ,以 达到 预期 
效果 。 此 外 ,如 果 开发 自 定义 控件 , 则 必须 熟悉 页 生命 周期 ,从 而 可 以 正确 地 初始 化 控件 ,使 
用 视图 状态 数据 填充 控件 属性 以 及 运行 所 有 控件 行为 逻辑 。 控 件 的 生命 周期 基于 页 的 生命 
周期 ,但 是 页 引发 的 控件 事件 比 单独 的 ASP .NET 页 中 可 用 的 事件 多 。 

一 般 来 说 ,页 要 经 历 表 1-1 所 示 的 各 个 阶段 。 除 了 页 生命 周期 阶段 以 外 ,还 有 在 请 求 前 
后 出 现 的 应 用 程序 阶段 ,但 是 这 些 阶段 并 不 特定 于 页 。 


表 1-1 页 面 生存 期 


阶段 说 明 
页 请 求 发 生 在 页 生命 周期 开始 之 前 。 用 户 请 求 页 时 ,ASP .NET 将 确定 是 否 需要 分 析 
页 请 求 和 编译 页 (从 而 开始 页 的 生命 周期 ), 或 者 是 否 可 以 在 不 运行 页 的 情况 下 发 送 页 的 缓存 
版 本 以 进行 响应 
在 开始 阶段 ,将 设置 页 属性 ,如 Request 和 Response。 在 此 阶段 ,页 还 将 确定 请 求 是 回 
开始 发 请 求 还 是 新 请 求 ,并 设置 IsPostBack 属性 。 此 外 ,在 开始 阶段 期 间 , 还 将 设置 页 的 
UICulture 属性 


页 初始 化 期 间 , 可 以 使 用 页 中 的 控件 ,并 将 设置 每 个 控件 的 UniqueID 属性 。 此 外 ,任何 
页 初始 化 主题 都 将 应 用 于 页 。 如 果 当 前 请 求 是 回 发 请 求 , 则 回 发 数据 尚未 加 载 , 并 且 控 件 属性 值 


尚未 还 原 为 视图 状态 中 的 值 

加 载 期 间 ,如果 当 前 请 求 是 回 发 请 求 , 则 将 使 用 从 视图 状态 和 控件 状态 恢复 的 信息 加 载 
加 载 

控件 属性 
验证 在 验证 期 间 , 将 调用 所 有 验证 程序 控件 的 Validate 方法 ,此 方法 将 设置 各 个 验证 程序 控 


件 和 页 的 IsValid 属性 


回 发 事件 处 理 | 如 果 请 求 是 回 发 请 求 , 则 将 调用 所 有 事件 处 理 程序 


在 呈现 期 间 ,视图 状态 将 被 保存 到 页 ,然后 页 将 调用 每 个 控件 ,以 将 其 呈现 的 输出 提供 


本 给 页 的 Response 属性 的 OutputStream 
印 载 完全 呈现 页 ,将 页 发 送 至 客户 端 并 准备 丢弃 时 ,将 调用 外 载 。 此 时 ,将 印 载 页 属性 (如 
Response 和 Request) 并 执行 清理 
6. 生命 周期 事件 


在 页 生命 周期 的 每 个 阶段 中 ,页 将 引发 可 运行 用 户 代码 进行 处 理 的 事件 。 对 于 控件 事 
件 , 通 过 声明 方式 使 用 属性 (如 onclick) 或 使 用 代码 的 方式 , 均 可 将 事件 处 理 程序 绑 定 到 
事件 。 

页 还 支持 自动 事件 连接 , 即 ASP.NET 将 寻找 具有 特定 名 称 的 方法 ,并 在 引发 特定 事件 
时 自动 运行 这 些 方法 。 如 果 @ Page 指令 的 AutoEventWireup 属性 设置 为 true( 或 者 如 果 
未 定义 该 属性 ,因为 默认 情况 下 为 true) ,页 事件 将 自动 绑 定 至 使 用 Page_event 命名 约定 的 
方法 ,如 Page_Load 和 Page_Init。 

表 1-2 列 出 了 常用 的 页 生命 周期 事件 。 实 际 的 事件 比 列 出 的 事件 要 多 。 但 是 ,它们 不 
用 于 大 多 数 页 处 理 方案 ,而 是 主要 由 ASP.NET 网 页 上 的 服务 器 控件 使 用 ,以 初始 化 和 呈现 
它们 本 身 。 如 果 要 编写 自己 的 ASP.NET 服务 器 控件 , 则 需要 详细 了 解 这 些 阶段 。 


表 1-2 页 生命 周期 事件 


事 件 典型 使 用 


使 用 IsPostBack 属性 确定 是 否 是 第 一 次 处 理 该 页 ; 
创建 或 重新 创建 动态 控件 ; 

Page_PreInit 动态 设置 主 控 页 ; 

动态 设置 Theme 属性 ; 

读 取 或 设置 配置 文件 属性 值 


Page_Init 读 取 或 初始 化 控件 属性 


Page_Load 读 取 和 更 新 控件 属性 


执行 特定 于 应 用 程序 的 处 理 : 

如 果 页 包含 验证 程序 控件 ,在 执行 任何 处 理 之 前 检查 页 和 各 个 验证 控件 的 
IsValid 属性 ; 

处 理 特定 事件 ,如 Button 控件 的 Click 事件 


Control events 


Page_PreRender 对 页 的 内 容 进行 最 后 更 改 


执行 最 后 的 清理 工作 ,可 能 包括 : 
Page_Unload 关闭 打开 的 文件 和 数据 库 连 接 ; 
完成 日 志 记录 或 其 他 特定 于 请 求 的 任务 


7. 保留 页 面 状 态 


在 标准 的 HTTP 协议 中 ,服务 器 所 拥有 的 与 页 面 有 关 的 所 有 信息 就 是 用 户 使 用 页 面 上 
的 控件 所 指定 的 信息 ,因为 在 发 送 页 面 时 ,浏览 器 仅 会 将 这 些 信息 发 送 给 服务 器 。 其 他 信息 
(例如 变量 值 和 属性 设置 ) 将 被 放弃 。ASP .NET 通过 下 列 方式 帮助 保留 其 他 页 面 信息 : 

(1) ASP.NET 会 在 往返 行程 间 保存 控件 设置 (属性 ) ,这 种 行为 称 为 保存 控件 状态 。 

(2) ASP.NET 提供 状态 管理 功能 ,以 便 可 以 在 往返 行程 间 保存 自己 的 变量 和 应 用 程 
序 特定 或 会 话 特定 的 信息 。 

(3) ASP.NET 可 以 检测 何 时 第 一 次 请 求 页 面 以 及 何 时 发 送 页 面 , 这 使 用 户 可 以 相应 
地 进行 编程 。 例 如 ,可 能 想 要 在 第 一 次 显示 页 面 (而 不 是 在 每 次 回 发 ) 时 从 数据 库 读 取信 息 。 


8. ASP .NET 网 页 的 编程 


可 以 使 用 .NET Framework 支持 的 各 种 语言 (包括 Visual Basic.C# 和 J# ) 为 ASP.NET 
网 页 创建 服务 器 代码 。ASP .NET 网 页 可 以 包含 在 浏览 器 中 运行 的 客户 端 脚本 。 某 些 
ASP .NET 功能 会 生成 客户 端 脚本 ,并 将 其 插入 到 页 面 中 。 在 这 种 情况 下 ,ASP .NET 始终 
会 生成 ECMAScript (JavaScript) ,以 实现 最 佳 跨 浏览 器 功能 。 此 外 ,还 可 以 添加 客户 端 肢 
本 以 实现 自 定义 功能 。 如 果 这 样 做 , 便 可 以 使 用 与 目标 浏览 器 兼容 的 任何 客户 端 脚本 语言 。 


9. 服务 器 控件 

如 同 其 他 网 页 ,ASP .NET 网 页 可 以 包含 静态 文本 。ASP .NET 网 页 通常 会 向 页 面 添 
加 控件 ,例如 文本 框 、 复 选 框 和 按钮 。 用 户 可 以 使 用 这 些 控件 与 页 面 交 互 ,并 在 发 送 回 页 面 
时 将 信息 发 送 到 服务 器 。 

ASP.NET 提供 一 个 控件 集合 , 称 为 Web 服务 器 控件 。ASP .NET 服务 器 控件 可 能 类 
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似 于 对 应 的 HTML 窗 体 元 素 。 例 如 ,ASP.NET 的 TextBox 控件 类 似 于 HTML <input type 一 
"text"> 标记 。 但 是 ,ASP.NET 服务 器 控件 拥有 比 HTML 元 素 更 为 广泛 的 功能 。 可 以 在 
ASP.NET 页 上 使 用 的 服务 器 控件 包括 : 日 历 控件 .显示 列表 或 表格 的 数据 绑 定 控件 .用 于 
向 站 点 添加 安全 性 的 登录 控件 以 及 其 他 更 多 控件 。 


10. 页 面 和 服务 器 控件 事件 


ASP.NET 网 页 以 及 网 页 上 的 控件 支持 事件 模型 。 例 如 ,用 户 单 击 ASP.NET 网 页 上 
的 Button 服务 器 控件 时 ,页 面 会 发 回 到 服务 器 ,然后 重新 创建 该 页 面 ,并 引发 一 个 Click 事 
件 。 可 以 将 代码 添加 到 响应 此 Click 事件 的 页 面 。 

初始 化 页 面 时 ,页 面 本 身 会 引发 生命 周期 事件 (如 Page_Init 和 Page_Load 事件 ) ,这 为 
用 户 提 供 了 在 启动 页 面 时 运行 代码 的 机 会 ,每 次 往返 行程 都 会 创建 页 面 并 重新 初始 化 页 面 ,每 
个 控件 都 会 引发 它 自己 的 事件 。 按 钮 控件 引发 一 个 Click 事件 , 复 选 框 和 单 选 按 钮 控件 引发 
一 个 CheckedChanged 方法 ,而 列表 框 和 下 拉 列 表 控 件 则 引发 一 个 SelectedIndexChanged 
事件 。 某 些 控件 (如 Calendar 控件 ?引发 的 事件 比 简单 的 Click 事件 更 抽象 。 例 如 ,用 户 导 
航 至 不 同 的 月 份 时 ,Calendar 控件 引发 一 个 VisibleMonthChanged 事件 。 

大 多 数 ASP.NET 服务 器 控件 仅 支持 很 少 的 几 个 可 以 在 服务 器 代码 中 处 理 的 事件 。 
要 处 理 某 个 事件 ,页面 必须 执行 一 次 往返 行程 ,以 便 用 户 的 选择 可 以 发 送 到 页 面 以 待 处 理 。 
服务 器 控件 不 公开 诸如 onmouseover 之 类 的 高 频率 事件 ,因为 每 次 引发 此 类 事件 时 ,都 会 
发 生 到 服务 器 的 另 一 个 往返 行程 ,这 将 显著 影响 页 面 中 的 响应 时 间 。 但 是 ,可 以 将 ASP.NET 
服务 器 控件 配置 为 引发 客户 端 事件 ,例如 onmouseover。 在 这 种 情况 下 ,控件 不 发 送 回 服务 
器 ,因而 由 用 户 创建 客户 端 脚本 来 响应 事件 。 


1.4 项 目 实 施 


下 面 将 讨论 简单 网 上 书店 Web 网 站 创建 过 程 ,项 目 实施 过 程 分 解 为 如 下 3 个 任务 : 配 
置 Web 服务 器 IIS; 使 用 Visual Studio 2005 创建 简单 网 站 页 面 ; 使 用 IIS 发 布 Web 应 用 
程序 。 每 个 任务 由 若干 步 完 成 。 


1.4.1 任务 1-1 配置 Web 服务 器 IlS 


1. 任务 介绍 


了 解 了 整个 .NET 架构 后 ,将 使 用 ASP.NET 的 开发 平台 开发 Web 应 用 程序 网 站 。 
ASP.NET 应 用 程序 网 站 通过 IIS 发 布 ,本 任务 将 介绍 Web 服务 器 IIS 的 配置 。 


2. 任务 分 析 


要 建立 ASP.NET 平台 需 要 的 软件 如 下 : 
。 Windows 操作 系统 
。 IIS 6.0 


。 Net Framework SDK 

。IE 浏览 器 

一 般 计 算 机 上 都 已 经 安装 了 Windows 操作 系统 IE 浏览 器 ,Net Framework SDK 在 安 
装 Visual Studio 2005 集成 开发 环境 时 会 自动 安装 ,因此 这 里 只 介绍 一 下 IIS 的 安装 步骤 。 

(1) 配置 Web 服务 器 IIS 

要 成 为 网 站 服务 器 ,只 要 有 IIS(Internet Information Services) 的 服务 程序 即 可 。IIS 
最 主要 的 功能 有 以 下 几 个 : 

@ 响应 使 用 者 的 要 求 ,将 所 要 浏览 的 网 页 内 容 传输 给 他 们 。 

@ 管理 及 维护 Web 站 点 。 

@ 管理 及 维护 FTP 站 点 。 

@ SMTP(Simple Mail Transfer Protocol) 虚拟 服 务 器 。 

目前 ,用 得 比较 多 的 版 本 是 IIS 6.0, 它 是 Windows 2003 的 内 建 组 件 ,除了 Professional 
需 使 用 控制 台 的 “新 增 / 移 除 程序 ?另外 安装 到 系统 中 以 外 , Server 等 其 他 版 本 在 安装 
Windows 2003 后 就 已 经 在 系统 内 提供 服务 了 ,所 以 要 建立 ASP .NET 开发 平台 ,使 用 
Windows Server 2003 比较 方便 。 若 Windows Server 2003 中 没有 IIS 6. 0, 请 按 下 列 步 又 
安装 

| 选择 “开始 ”一 “设置 ”一 “控制 面板 ”选项 。 

@ 单 击 * 添 加 或 移 除 程序 "按钮 ,并 选择 * 新 增 / 移 除 Windows 组 件 ” 选 项 。 

@ 出 现 图 1-1 所 示 窗 口 后 ,选择 “应 用 程序 服务 器 ”选项 。 


Tindors 组 件 = 
可 以 添加 或 删除 Yindows 的 组 件 。 


se rere 


址 件 CC): 

口 区 其 他 的 网 络 文件 和 打印 服务 0.0B 到 
口 多 素 引 服务 00Wm 

口 剖 网 络 服务 2.6 上 

门 局 远 得 安装 服务 1 肥 到 | 
描述 : Ei ASP. HET ，Internet 信息 服务 (IS) 和 应 用 程序 服务 器 控制 

所 需 磁 盘 宰 间 : 12 4 有 

可 用 磁盘 全 | 417.5 即 


< we | ii | 


1-1 新 建 母 版 页 窗口 


@ 单 击 “下 一 步 ” 按 钮 出 现 图 1-2 所 示 窗 口 后 ,选择 “Internet 信息 服务 (IIS)” 选 项 。 

加 单 击 “ 确 定 ” 按 钮 即 可 完成 IIS 6.0 的 安装 。 

(2) 常见 问题 解决 方案 

虽然 采用 IIS 6. 0 配置 Web 服务 比较 简单 ,可 有 时 还 是 会 或 多 或 少 地 出 现 问题 。 以 下 
是 对 两 个 常见 问题 的 总 结 。 

HTTP 错误 404- 文 件 或 目录 未 找到 。 


.NET Web 应 用 开发 一 


要 添加 或 删除 某 个 组 件 ,请 单 击 旁 ; 框 。 灰 色 框 表示 只 会 安装 该 组 件 的 一 
’ 信息 ”- 


加 [EE COM 访问 

口 多 启用 网 络 ITC 访问 0.0 吧 
口 奈 请 息 队 列 6.5 IIB 
回 答应 用 程序 服务 器 控制 台 0.0 上 


描述 : ITS 包括 Yeb，FTF，SWTF 和 NTF 支持 人 Server 


Extension 和 Active Server Page (ASP) 


1-2 IIS 组件 选择 界面 


分 析 解 决 : 此 类 问题 十 分 常见 。 原 因 是 在 IIS 6.0 中 新 增 了 “Web 程序 扩展 ”这 一 项 ,而 
Eee 直接 在 "Web 程序 扩展 ”中 启用 “Active Server 
Pages” 即 可 。 


@ HTTP 错误 401. 2- 未 经 授权 访问 由 于 服务 器 配置 被 拒绝 。 
分 析 解 决 : 造成 此 类 问题 的 原因 应 该 是 身份 验证 设置 的 问题 ,一般 将 其 设置 为 匿名 身 
份 认证 即 可 ,这 是 大 多 数 站 点 使 用 的 认证 方法 。 


3. 任务 完成 总 结 

通过 这 个 任务 ,我 们 了 解 了 IIS 的 配置 过 程 ,并 讨论 了 常见 问题 的 解决 方法 。 
4. 课堂 训练 与 拓展 

依据 本 任务 中 介绍 的 步骤 ,配置 IIS 服务 器 。 


1.4.2 任务 1-2 使 用 Visual Studio 2005 创建 简单 web 网 站 页 面 


1. 任务 介绍 

设计 一 个 简单 的 网 站 ,要 求 在 登录 页 面 的 文本 框 里 输入 姓名 ,系统 能 返回 一 个 问候 信息 

2. 任务 分 析 

在 这 个 任务 中 将 介绍 Visual Studio 2005 集成 开发 环境 ,并 且 按 照 一 般 网 站 开发 的 次 
序 , 介 绍 Visual Studio 2005 中 是 如 何 实现 简单 页 面 设计 的 。 通 过 示例 ,可 以 发 现 Visual 


Studio 2005 控件 丰富 ,功能 强大 ,可 以 帮助 用 户 快速 开发 网 站 。 
(1) 创建 网 站 


Visual Studio 2005 集成 开发 环境 作为 实现 ASP.NET 技术 的 IDE 集成 开发 环境 ,在 各 


es 项 目 1 创建 简单 的 网 上 书店 ep 网 站 -人 


个 方面 给 予 ASP.NET 技术 支持 ,提供 了 许多 功能 来 协助 创建 网 站 。 如 果 能 充分 利用 这 些 
功能 , 必 将 能 大 幅度 提高 网 页 的 开发 效率 。 

首先 ,需要 安装 Visual Studio 2005 ,安装 方式 非常 简单 ,按照 向 导 提 示 安 装 即 可 ,安装 
时 选择 全 部 的 功能 。 如 果 没 有 光盘 ,也 可 以 通过 下 载 安 装 Visual Web Develop 2005 
Express。 

下 面 介 绍 创建 网 站 的 方法 。 

@ 选择“ 文件” 一“ 新建" 一 “网 站 "命令 ,或 者 单 击 “ 起 始 页 ”一 “网 站 (W)…” 按 钮 ,如 
图 1-3 所 示 。 
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图 1-3 打开 新 建 网 站 窗口 


@ 系统 将 出 现 * 新 建 网 站 ?对 话 框 , 如 图 1-4 所 示 。 首 先 在 这 个 窗口 中 选择 “ASP .NET 
网 站 ”, 然 后 在 “位 置 ? 输 入 框 中 输入 新 建 网 站 的 路 径 ,在 “语言 ?选择 栏 里 选择 使 用 的 语言 
Visual C# ,最 后 单 击 “ 确 定 ” 按 钮 创建 网 站 。 

图 创建 网 站 以 后 ,系统 会 创建 一 个 WebSitel 文件 夹 ,默认 情况 下 ,该 文件 夹 包含 一 
App_Data 子 文件 夹 和 一 个 默认 网 页 Default. aspx, 如 图 1-5 所 示 。 

(2) Visual Studio 2005 开发 环境 

在 新 建 网 站 后 ,可 以 看 到 Visual Studio 2005 开发 环境 是 由 很 多 窗口 构成 的 ,下 面 介绍 
常用 窗口 的 使 用 方法 。 

O@ 工具 箱 窗口 。 选 择 “ 视 图 ”一 “工具 箱 ” 命 令 , 或 单 击 * 工 具 箱 ” 快 捷 按钮 。 由 于 
ASP.NET 控件 比较 多 ,所 以 按 组 进行 分 类 , 单 击 “ 十 ”按钮 可 以 展开 。 如 图 1-6 所 示 展 开 的 
是 验证 组 里 的 验证 控件 。 

工具 箱 控 件 功 能 很 多 ,开发 网 站 时 尽量 使 用 这 些 控 件 来 完成 ,以 保证 网 站 的 安全 性 、 可 
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图 1-4 “新 建 网 站 ”对 话 框 
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EE 


Defanlt. aspz Web 文件 原 性 后 


国 包 下 
8 teait am 
显示 以 下 输出 名 ) “| 显 | 全 外 上 辽 | 辐 
杂项 
EL 
正在 创建 项 目 “WehSitet”  ， 项 目 创建 成 功 。 用 
图 1-5 成 功 新 建 网 站 
靠 性 和 高 效 性 。 
除了 常用 的 工具 箱 以 外 ,ASP.NET 还 有 很 多 没有 列 出 来 的 控件 ,甚至 允许 用 户 导入 第 
三 方 的 控件 ,其 步骤 如 下 : 


选择 “工具 ”一 “选择 工具 箱 项 ”菜单 项 或 者 在 工具 箱 上 右 击 ,在 弹出 的 菜单 中 单 击 “ 选 择 
项 ”菜单 项 ,如 图 1-7 所 示 。 

在 打开 的 “选择 工具 箱 项 ”窗口 中 ,在 需要 添加 的 控件 前 打 勾 ,就 会 在 当前 的 工具 箱 列 表 
中 添加 相应 的 控件 。 如 果 选 择 “ 浏 览 ” 按 钮 ,还 可 以 导入 任何 以 . dll、. ocx、. exe 为 扩展 名 的 


3 Reanireapielayalidator 
1 Rangsyalidator 

7 RealarExpressionyalidater 
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已 CustonValidator 
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图 1-6 展开 工具 箱 图 1-7 “选择 项 ”命令 


第 三 方 控件 ,如 图 1-8 所 示 。 
@ 解决 方案 资源 管理 器 窗口 。 选 择 “ 视 图 ”一 “解决 方案 资源 管理 器 ”命令 ,或 单 击 “ 解 
决 方 案 资源 管理 器 ”快捷 按钮 ,打开 “解决 方案 资源 管理 器 ”窗口 ,如 图 1-9 所 示 。 
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图 1-8 “选择 工具 箱 项 ”窗口 图 1-9 “解决 方案 资源 管理 器 "窗口 


在 “解决 方案 资源 管理 器 ”窗口 中 选中 创建 的 网 站 , 右 击 ,弹出 快捷 菜单 ,如 图 1-10 所 
示 。 该 菜单 主要 是 对 网 站 项 目 进行 管理 ,例如 文件 的 管理 .引用 的 管理 ,启动 项 的 管理 等 , 相 
关 菜 单 用 途 会 在 以 后 的 项 目 中 陆续 介绍 。 

@ 属性 窗口 。 选 择 “ 视 图 ”一 “属性 窗口 "命令 ,或 单 击 “ 属 性 窗口 ”快捷 按钮 ,打开 “ 属 
性 ”窗口 ,如 图 1-11 所 示 。 该 窗口 的 下 拉 菜 单 在 页 面 无 法 选择 相应 控件 时 可 以 起 到 很 好 的 
作用 ,许多 人 习惯 用 鼠标 在 页 面 上 选中 控件 ,然后 设置 属性 , 当 有 的 控件 无 法 用 鼠标 在 页 面 
上 选择 时 ,可 以 采用 该 方式 选择 。 

@ 页 面 编辑 窗口 。 页 面 编辑 窗口 是 开发 人 员 使 用 频繁 的 窗口 之 一 ,ASP.NET 2.0 提 
供 了 两 种 编辑 网 页 的 模式 , 即 设计 模式 和 源 模式 。 在 设计 模式 下 ,可 以 将 工具 箱 内 的 控件 通 
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图 1-10 打开 快捷 菜单 图 1-11 “属性 ”窗口 


过 拖 电 的 方式 直接 放 到 页 面 上 去 ,然后 通过 单 击 控件 设置 其 属性 。 在 源 模式 下 ,可 以 直接 通 
过 写 HTML 代码 的 方式 完成 网 页 编辑 工作 ,这 是 一 种 纯 代 码 的 方式 。 一 般 在 开发 过 程 中 
使 用 设计 模式 ,除非 需要 手动 添加 代码 时 才 在 源 模式 下 操作 。 这 两 种 编辑 模式 本 质 上 是 一 
样 的 ,但 是 如 果 在 源 模式 下 编写 的 HTML 语句 有 错误 时 ,将 无 法 切换 到 设计 模式 ,如 图 1-12 
所 示 。 
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图 1-12 源 模式 编辑 窗口 


回 服务 器 资源 管理 器 窗口 。 选 择 * 视 图 ”一 服务 器 资源 管理 器 ,或 单 击 “服务 器 资源 
管理 器 ”快捷 按钮 ,打开 服务 器 资源 管理 器 ,如 图 1-13 所 示 。 该 窗口 主要 实现 数据 连接 相关 
的 功能 。 

(3) 添加 新 网 页 

前 面 介绍 了 如 何 新 建 并 打开 一 个 网 站 ,一 个 网 站 的 页 面 
往往 不 止 一 页 ,下 面 将 介绍 如 何 向 已 存在 的 网 站 中 添加 新 的 
页 面 。 

QO 添加 新 的 网 页 。 在 “解决 方案 资源 管理 器 ”窗口 中 , 右 
击 网 站 文件 夹 , 从 弹出 的 快捷 菜单 中 选择 “添加 新 项 "命令 ,或 ”图 1-13 服务 器 资源 管理 器 
选择 “文件 ”一 新建 ”一 文件 ”命令 添加 新 的 网 页 。 

@ 设置 网 页 。 在 打开 的 如 图 1-14 所 示 窗 口中 ,可 以 发 现 有 很 多 文件 类 型 ,以 后 将 陆续 
介绍 这 些 文件 类 型 的 用 途 和 使 用 方法 ,在 这 里 选择 “Web 窗 体 ”, 并 将 新 建 的 网 页 起 名 为 


“login. aspx”。 
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图 1-14 添加 新 的 Web 窗 体 


@ 打开 新 创建 的 网 页 。 创 建新 的 网 页 后 ,可 以 在 解决 方案 资源 管理 器 中 发 现 该 网 页 ， 
这 时 网 页 编辑 窗口 已 经 把 当前 页 面 显示 在 窗口 中 ,并 默认 为 源 模式 。 单 击 " 十 ”, 可 以 看 到 该 
页 面 分 为 两 个 部 分 ,一 部 分 是 以 . aspx 为 扩展 名 的 页 面 设计 部 分 ; 另 一 部 分 是 以 . aspx. cs 
为 扩展 名 的 页 面 代 码 部 分 。 这 是 因为 在 前 面 创 建 网 页 的 时 候选 择 了 “将 代码 放 在 单独 的 文 
件 中 ”这 个 选项 。ASP.NET 使 用 页 面 设计 与 代码 相 分 离 的 模式 , 极 大 地 方便 了 网 页 的 制 
作 。 一 般 来 讲 , 网 页 制作 包括 界面 设计 和 编写 代码 实现 业务 流程 两 个 部 分 。 在 ASP .NET 
中 ,可 以 把 精力 集中 在 编写 代码 实现 业务 流程 上 ,而 界面 设计 和 代码 美化 可 以 交 给 美工 处 
理 。 使 用 这 种 分 离 模式 ,可 以 使 得 美工 和 程序 员 很 好 地 合作 完成 网 页 制作 ,而 不 必 像 以 前 那 
样 必须 等 界面 设计 好 才 可 以 编写 代码 。 

(4) 编辑 、 运 行 页 面 

将 页 面 编辑 窗口 切换 到 设计 模式 ,可 以 将 工具 箱 上 的 控件 拖 忠 到 设计 窗口 ,快速 创建 控 
件 ,步骤 如 下 。 


-便便 ,---.NET Web 应 用 开发 --- 


@ 设计 一 个 登录 界面 ,如 图 1-15 所 示 。 这 个 界面 可 以 通过 “工具 箱 ” 中 的 HTML 元 素 
在 设计 模式 下 直接 设计 ,也 可 以 先 利用 其 他 网 页 设计 工具 设计 好 网 页 后 ,将 网 页 源 代码 复制 
到 这 个 页 面 中 。 
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图 1-15 添加 新 的 Web 窗 体 


@ 将 工具 箱 上 的 控件 拖 忠 到 设计 窗口 ,快速 创建 控件 。 例 如 , 拖 忠 Label、TextBox、 
ImageButton 控件 到 login. aspx 设计 窗口 ,如 图 1-16 所 示 。 
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1-16 拖 踊 控件 至 设计 窗口 


@ 在 “属性 ?窗口 可 设置 控件 属性 。 修 改 Labell 的 Text 
属性 为 “姓名 : ”; 修改 ImageButtonl 控件 的 ImageUrl 属性 
为 “一 /images/btn_login. gif”, 如 图 1-17 所 示 。 

除了 在 “属性 ”窗口 中 修改 值 外 ,也 可 以 在 源 模式 下 编辑 

页 ,如 图 1-18 所 示 。 

@ 选择 “调试 ”>“ 启 动 调试 "命令 或 按 F5 键 运行 网 页 。 

首先 ,必须 单 击 要 运行 的 网 页 ,可 以 直接 单 击 “ 文 件 " 窗 口 
上 方 的 标签 ,或 在 “解决 方案 资源 管理 器 ”窗口 中 单 击 要 运行 
的 网 页 。 然 后 ,选择 “调试 "一 “启动 调试 "命令 ,或 按 F5 键 ,如 
图 1-19 所 示 。 
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图 1-17 ImageButtonl 的 
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图 1-18 源 模 式 窗口 


回 设置 调试 功能 。 当 第 一 次 运行 时 ,系统 会 询问 是 否 在 Web. config 中 加 入 调试 功能 ， 


如 图 1-20 所 示 , 单 击 “确定 ”按钮 即 可 。 
运行 后 的 结果 如 图 1-21 所 示 。 
(5) 添加 事件 代码 


@ 添加 按钮 单 击 事件 有 两 种 创建 控件 事件 的 方法 ,下 面 分 别 进行 介绍 。 

方法 1: 这 是 最 简单 的 方法 ,双击 所 要 创建 事件 的 控件 , 即 可 创建 Click 事件 。 

方法 2: 方法 1 通常 只 能 创建 Click 事件 ,假设 要 创建 其 他 更 多 的 事件 ,必须 在 控件 “ 属 
性 ?窗口 创建 事件 。 如 图 1-22 所 示 ,利用 ImageButtonl 的 属性 窗口 创建 事件 。 

如 图 1-23 所 示 为 在 代码 文件 中 创建 的 ImageButtonl_Click 事件 。 

Q@ 输入 ImageButtonl_Click 事件 代码 。 此 代码 的 功能 是 当 用 户 单 击 按钮 时 ,在 用 户 输 


入 的 文字 前 加 上 “欢迎 ”, 并 显示 在 消息 框 上 。 
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图 1-19 在 下 浏览 器 运行 网 页 
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〇 不 进行 调试 让 接 运 行 @)。 (等 同 于 Ctrl+75) 


1-20 设置 调试 选项 
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图 1-21 运行 后 的 结果 
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1-22 利用 “属性 ”窗口 创建 事件 


| losin aspx. exe| 起 站 页 | login aspzt ~x 
EEC 司 |Smseepottonl_click (object sender，Insgeclickzve 避 


下 wsing System: 
using System Date 
using System.Confi garation: 
using Systen. Collections; 
using System Web; 
using System Web. Security; 
using Systen, Web. UT; 
using System .Web UT. WebControls; 
using System. Web. UT. WebControls. YebParts; 
using Systen. Web. UT. HtnlControls, 


public purtial class login : Systen. Web. UI. Psge 
{ 
protected void Page_Load(object sender, EventAres «) 


日 

{ 

le 

| teeted void ERE onto oeecli dent es ©) 
} 

[ 
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图 1-23 ImageButtonl_Click 事件 


protected void ImageButton1_Click(object sender, ImageClickEventArgs e) 
{ 
string s= "欢迎 " + TextBoxl. Text; 
Response. Write("< script >alert('" + s + "')</script >"); 
} 
(6) 运行 结果 
按 F5 键 运行 代码 后 的 窗口 如 图 1-24 所 示 。 示 例 中 是 在 TextBox 中 输入 “ 张 三 ”, 然 后 
单 击 “ 登 录 ” 按 钮 ,将 显示 “欢迎 张 三 ” 的 消息 框 ,如 图 1-25 所 示 。 


3. 任务 完成 总 结 


通过 这 个 任务 ,主要 学 习 了 Visual Studio 2005 集成 开发 环境 ,并 学 习 了 使 用 集成 开发 
环境 设计 一 个 简单 网 页 的 过 程 。 熟 悉 整 个 开发 环境 对 于 后 期 的 程序 开发 起 着 至 关 重 要 的 
作用 。 
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图 1-24 运行 窗口 图 1-25 运行 结果 
4. 课题 训练 与 拓展 
依据 本 任务 中 的 开发 模式 ,设计 一 个 输入 年 份 ,能 计算 出 其 是 否 为 头 年 的 网 页 。 


1.4.3 任务 1-3 使 用 lls 发 布 Web 应 用 程序 


1. 任务 介绍 


ASP.NET Web 应 用 程序 需要 使 用 IIS 发 布 ,用 户 才 能 通过 网 络 访问 ,本 任务 将 介绍 使 
用 IIS 发 布 任务 1-2 中 设计 的 简单 网 上 书店 Web 应 用 程序 ,建立 简单 的 网 上 书店 网 站 。 


2. 任务 分 析 


ASP.NET Web 应 用 程序 可 以 在 Visual Studio 2005 中 直接 运行 测试 ,但 是 当 最 终 发 布 
运行 时 ,需要 在 脱离 Visual Studio 2005 的 环境 下 使 用 ,因此 必须 在 IIS 中 发 布 ASP .NET 
Web 应 用 程序 。 

(1) 在 IIS 中 创建 Web 应 用 程序 

| 选择 “开始 ”一 "设置 ?一 “控制 面板 ”一 “管理 工具 ”一 “Internet 信息 服务 (IIS) 管 理 
器 ”命令 ,打开 *Internet 信息 服务 (IIS) 管 理 器 ”窗口 。 

@ 右 击 “默认 网 站 ”选项 ,在 弹出 的 快捷 菜单 中 选择 “新 建 ”>“ 虚 拟 目 录 ” 命 令 , 如 图 1-26 
所 示 。 

@ 在 弹出 的 “虚拟 目录 创建 向 导 ” 对 话 框 中 .输入 虚拟 目录 的 名 称 为 “NetBook”, 单 击 
“下 一 步 ” 按 钮 ,如 图 1-27 所 示 。 

@ 单 击 “浏览 ?按钮 ,选择 在 Visual Studio 2005 中 创建 的 网 站 项 目 目 录 , 单 击 “ 下 一 步 ” 
按钮 ,如 图 1-28 所 示 。 

“允许 下 列 权 限 ” 中 有 5 个 选项 ,默认 为 “ 读 取 ” 选 项 ,再 选择 “运行 脚本 (如 ASP)” 选 
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图 1-26 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 
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虚拟 目录 别名 
为 虚拟 目录 指定 一 个 短 名 称 或 别名 。 


Ee Web 虚拟 目录 访问 权限 的 别名 。 使 用 的 命名 规则 应 与 目录 命名 


别名 的 ): 


[NetBook 


< 上 - 步 @®[F- 步 四 取 沿 | 
图 1-27 “虚拟 目录 创建 向 导 ” 对 话 框 


项 , 单 击 * 下 一 步 ?按钮 ,如 图 1-29 所 示 。 完 成 后 在 IIS 中 配置 了 一 个 NetBook 的 Web 应 用 
程序 ,如 图 1-30 所 示 。 

选择 “NetBook”Web 应 用 程序 , 右 击 ,在 弹出 的 菜单 中 选择 “属性 ”选项 。 在 “属性 ” 
对 话 框 中 ,选择 ASP .NET 选项 卡 ,将 “ASP.NET 版 本 ”设置 为 2. 0, 如 图 1-31 所 示 。 

(2) 运行 发 布 在 IIS 中 的 Web 应 用 程序 

在 下 浏览 器 的 地 址 栏 里 输入 “http://localhost/NetBook/login. aspx”, 运行 创建 的 
Web 应 用 程序 。 
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图 1-28 “浏览 文件 夹 "对 话 框 
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虚拟 目录 访问 权限 
设置 虚拟 目录 的 访问 权限 。 
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图 1-29 选择 权限 
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图 1-30 创建 好 的 “NetBook”Web 应 用 程序 
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图 1-31 ”Web 应 用 程序 “属性 ”对 话 框 
3. 任务 完成 总 结 


利用 IIS 发 布 ASP.NET 的 Web 应 用 程序 ,在 操作 上 和 以 前 发 布 ASP 的 Web 应 用 程 
序 基 本 没有 差异 ,但 是 要 注意 在 发 布 好 以 后 .ASP .NET 的 网 站 有 1.0 版 本 和 2.0 版 本 的 区 
别 。 因 此 当 运 行 网 站 时 ,如 果 在 浏览 器 中 出 现 “ 应 用 程序 中 的 服务 器 错误 ”的 错误 提示 ,要 查看 
一 下 是 否 版 本 没有 设置 正确 。Visual Studio 2005 中 开发 的 Web 应 用 程序 使 用 的 是 2.0 版 本 。 


4. 课题 训练 与 拓展 
编写 一 个 简单 的 Web 应 用 程序 ,使 用 IIS 发 布 运 行 。 
1.5 项 目 总 结 
在 这 个 项 目 中 介绍 了 Visual Studio 2005 集成 开发 环境 ,并 且 按 照 一 般 网 站 开发 的 次 
序 , 介 绍 了 在 Visual Studio 2005 中 是 如 何 实 现 简 单 页 面 设计 的 。Visual Studio 2005 控件 


丰富 ,功能 强大 ,可 以 帮助 用 户 快速 开发 网 站 。 


1.6 项 目 实 训 


1. 任务 描述 
使 用 本 项 目 中 介绍 的 方法 ,创建 一 个 简单 的 网 上 书店 Web 网 站 。 
2. 任务 要 求 


QO 使 用 Visual Studio 2005 集成 开发 环境 创建 网 上 书店 页 面 。 
@ 使 用 IIS 发 布 网 上 书店 。 


创建 风 条 一致 的 网 上 书店 Web 网 站 


2.1 项 目 介 绍 


项 目 1 介绍 了 简单 网 站 页 面 的 设计 。 由 于 网 页 一 般 是 由 多 名 开发 人 员 设 计 的 ,如 果 页 
面 设计 不 统一 ,网 页 的 界面 及 风格 将 各 不 相同 ,往往 给 人 的 感觉 不 像 是 一 个 整体 网 站 。 本 项 
目 将 介绍 设计 风格 一 致 .界面 美观 的 网 页 ,并 且 通 过 使 用 母 版 页 .主题 .皮肤 和 样式 表 等 技术 
维护 修改 网 站 整体 风格 。 


2.2 项 目 分 析 


统一 网 站 的 风格 在 网 站 设计 中 占有 重要 地 位 ,而 网 站 结构 是 网 站 风格 统一 的 重要 手段 ， 
包括 网 站 布局 .文字 排版 ,装饰 性 元 素 出 现 的 位 置 . 导航 的 统一 、 图 片 的 位 置 等 。 使 用 浏览 一 
些 著名 的 电子 商务 网 站 ,会 发 现 这 些 网 站 在 布局 和 色彩 搭配 等 方面 具有 统一 的 风格 。 这 种 
形式 是 目前 网 站 普遍 采用 的 设计 方法 ,一 方面 减少 设计 、 开 发 的 工作 量 , 同 时 更 有 利于 以 后 
的 网 站 维护 与 更 新 。 

设计 风格 一 致 的 网 站 有 多 种 方式 处 理 , 比 如 在 网 页 设计 中 用 得 最 多 的 是 级 联 样 式 表 , 通 
过 设立 样式 表 , 可 以 统一 地 控制 HTML 中 各 标记 的 显示 属性 。 使 用 级 联 样式 表 可 以 更 加 
有 效 地 控制 网 页 外 观 , 精 确 指定 网 页 元 素 位 置 , 以 及 创建 特殊 效果 。 

除了 级 联 样 式 表 以 外 ,本 项 目 中 还 将 重点 介绍 如 何 使 用 ASP.NET 中 特有 的 母 版 页 .站 
点 地 图 、 皮 肤 来 设计 统一 的 页 面 风 格 。 

在 实施 这 个 项 目前 , 先 学 习 相关 的 一 些 基 本 知识 。 


2.3 相关 知识 


1. 母 版 


(1) 母 版 页 

使 用 ASP.NET 母 版 页 可 以 为 应 用 程序 中 的 页 面 创建 风格 一 致 的 布局 。 单 个 母 版 页 可 
以 为 应 用 程序 中 的 所 有 页 面 或 一 组 页 面 定 义 所 需 的 外 观 和 标准 行为 。 母 版 页 实际 由 两 部 分 
组 成 , 即 母 版 页 本 身 和 内 容 页 。 内 容 页 可 以 是 一 个 或 多 个 。 当 用 户 请 求 内 容 页 时 ,这 些 内 容 


页 与 母 版 页 合并 ,将 母 版 页 的 布局 与 内 容 页 的 内 容 组 合 在 一 起 输出 。 

母 版 页 为 具有 扩展 名 . master 的 ASP.NET 文 件 ( 如 MySite. master) , 它 是 具有 可 以 包 
括 静 态 文 本 .HTML 元 素 和 服务 器 控件 的 预定 义 布 局 文件 。 母 版 页 由 特殊 的 @Master 指 
令 识 别 , 该 指令 替换 了 用 于 普通 . aspx 页 的 @Page 指令 。 指 令 格式 如 下 : 


<%@ Master Language = "C#" $%> 


@Master 指令 可 以 包含 的 指令 与 @Control 指令 可 以 包含 的 指令 大 多 数 是 相同 的 。 例 
如 ,下 面 的 母 版 页 指令 包括 一 个 代码 隐藏 文件 的 名 称 ,并 将 一 个 类 名 称 分 配给 母 版 页 。 


<%@ Master Language = "C 井 "CodeFile = "MasterPage. master. cs" Inherits = "MasterPage" $%> 


除 @ Master 指令 外 , 母 版 页 还 包含 页 的 所 有 顶级 HTML 元 素 ,如 html、head 和 form。 
例如 ,在 母 版 页 上 可 以 将 一 个 HTML 表 用 于 布局 ,将 一 个 img 元 素 用 于 公司 微 标 ,将 静态 
文本 用 于 版 权 声 明 并 使 用 服务 器 控件 创建 站 点 的 标准 导航 。 可 以 在 母 版 页 中 使 用 任何 
HTML 元 素 和 ASP .NET 元 素 。 

(2) 可 替换 内 容 占 位 符 

除 会 在 所 有 页 上 显示 的 静态 文本 和 控件 外 , 母 版 页 还 包括 一 个 或 多 个 ContentPlaceHolder 
控件 。 这 些 占 位 符 控件 定义 可 替换 内 容 出 现 的 区 域 。 接 着 在 内 容 页 中 定义 可 蔡 换 内 容 。 定 
义 ContentPlaceHolder 控件 后 , 母 版 页 代码 结构 如 下 所 示 。 

<%@ Master Language = "C#" %> 

<! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 

1.1//EN" "http://www. w3.org/TR/xhtml11/DTD/xhtml11. dtd"> 
<html xmlns = "http://www.w3.org/1999/xhtml" > 

<head runat = "server" > 

<title> Master page title</title> 


</head> 
<body> 
< form id = "forml" runat = "server"> 
<table> 
tr 
<td><asp:contentplaceholder id= "Main" runat = "server" /></td> 
<td><asp:contentplaceholder id= "Footer" runat = "server" /></td> 
</tr> 
</table> 
</form> 
</body> 
</html > 


(3) 内 容 页 

通过 创建 各 个 内 容 页 来 定义 母 版 页 的 占 位 符 控件 的 内 容 , 这 些 内 容 页 为 绑 定 到 特定 母 
版 页 的 ASP.NET 页 (. aspx 文件 以 及 可 选 的 代码 隐藏 文件 )。 通 过 包含 指向 要 使 用 的 母 版 
页 的 MasterPageFile 属性 ,在 内 容 页 的 @Page 指令 中 建立 绑 定 。 例 如 ,一 个 内 容 页 可 能 包 
含 下 面 的 @Page 指令 ,该 指令 将 该 内 容 页 绑 定 到 Masterl. master 页 。 


<%@ Page Language = "C#" MasterPageFile = "Masterl.master" Title= "Content Page" %> 


在 内 容 页 中 ,通过 添加 Content 控件 并 将 这 些 控件 映射 到 母 版 页 上 的 
ContentPlaceHolder 控件 来 创建 内 容 。 例 如 , 母 版 页 可 能 包含 名 为 Main 和 Footer 的 内 容 
占 位 符 。 在 内 容 页 中 ,可 以 创建 两 个 Content 控件 ,一 个 映射 到 ContentPlaceHolder 控件 
Main ,而 另 一 个 映射 到 ContentPlaceHolder 控件 Footer, 如 图 2-1 所 示 。 


en “A.master” 四 cn file “A.aspx” 
<% Moster W> Master %> <%@ Page 内 容 文件 = 
m 


aspicontentolacenoleer 。 
二 1d="Nain™ 


<a5p; Content runat=server 
Lp Hain” > 
【此 处 为 内 容 </asp:Content> 


i ne 
\runat=server 1d="Footer 钳 sp Content runatsserver ,| 
rs 让 


八 此 处 为 内 容 <1a5p;Conktent> 


结果 页 


图 2-1 内 容 页 运行 机 制 


创建 Content 控件 后 ,向 这 些 控件 添加 文本 和 控件 。 在 内 容 页 中 ,Content 控件 外 的 任 
何 内 容 ( 除 服务 器 代码 的 脚本 块 外 ) 都 将 导致 错误 。 在 ASP .NET 页 中 所 执行 的 所 有 任务 
都 可 以 在 内 容 页 中 执行 。 例 如 ,可 以 使 用 服务 器 控件 和 数据 库 查 询 或 其 他 动态 机 制 来 生成 
Content 控件 的 内 容 。 
内 容 页 代码 结构 如 下 所 示 。 
<% @ Page Language = "C#" MasterPageFile= "~ /Master. master" Title= "Content Page 1" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID= "Main" Runat = "Server"> 
Main content. 
</asp:Content > 
<asp:Content ID = "Content2" ContentPlaceHolderID= "Footer" Runat = "Server" > 
Footer content. 
</asp:content > 


(4) 母 版 页 的 优点 

母 版 页 提供 了 开发 人 员 已 通过 传统 方式 创建 的 功能 ,这 些 传统 方式 包括 重复 复制 现 有 
代码 文本 和 控件 元 素 ; 使 用 框架 集 ; 对 通用 元 素 使 用 包含 文件 ; 使 用 ASP.NET 用 户 控件 
等 。 母 版 页 具有 下 面 的 优点 : 

J@ 使 用 母 版 页 可 以 集中 处 理 页 的 通用 功能 ,以 便 可 以 只 在 一 个 位 置 上 进行 更 新 。 

@ 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ,并 将 结果 应 用 于 一 组 页 。 例 如 ,可 以 
在 母 版 页 上 使 用 控件 来 创建 一 个 应 用 于 所 有 页 的 菜单 。 

@ 通过 允许 控制 占 位 符 控 件 的 呈现 方式 , 母 版 页 使 用 户 可 以 在 细节 上 控制 最 终 页 的 
布局 。 

@ 母 版 页 提供 一 个 对 象 模型 ,使 用 该 对 象 模型 可 以 从 各 个 内 容 页 自 定义 母 版 页 。 

(5) 母 版 页 的 运行 时 行为 

在 运行 时 , 母 版 页 是 按照 下 面 的 步骤 处 理 的 : 


J@ 用 户 通 过 输入 内 容 页 的 URL 来 请 求 某 页 。 

@ 获取 该 页 后 , 读 取 @ Page 指令 。 如 果 该 指令 引用 一 个 母 版 页 , 则 也 读 取 该 母 版 页 。 
如 果 这 是 第 一 次 请 求 这 两 个 页 , 则 两 个 页 都 要 进行 编译 。 

@ 包含 更 新 的 内 容 的 母 版 页 合并 到 内 容 页 的 控件 树 中 。 

@ 各 个 Content 控件 的 内 容 合 并 到 母 版 页 中 相应 的 ContentPlaceHolder 控件 中 。 

@ 浏览 器 中 呈现 得 到 的 合并 页 。 


2. 站 点 导航 


可 以 使 用 ASP.NET 站 点 导航 功能 为 用 户 导航 站 点 提供 一 致 的 方法 。 随 着 站 点 内 容 的 
增加 以 及 用 户 在 站 点 内 来 回 移 动 网 页 ,管理 所 有 的 链接 会 变 得 比较 困难 。ASP .NET 站 点 
导航 能 够 将 指向 所 有 页 面 的 链接 存储 在 一 个 中 央 位 置 ,并 在 列表 中 呈现 这 些 链接 ,或 用 一 个 
特定 Web 服务 器 控件 在 每 页 上 呈现 导航 菜单 。 

一 个 站 点 导航 主要 包括 两 方面 的 内 容 , 即 站 点 地 图 和 站 点 导航 控件 。 

(1) 站 点 地 图 

站 点 地 图 是 描述 站 点 逻辑 结构 的 XML 文件 。 在 网 站 添加 和 删除 页 面 时 ,开发 人 员 只 
需要 更 改 站 点 地 图 文件 就 可 以 管理 页 导航 ,而 不 需要 修改 各 个 页 面 本 身 的 导航 链接 。 

创建 站 点 地 图 最 简单 的 方法 是 创建 一 个 名 为 Web. sitemap 的 XML 文件 ,该 文件 按 站 
点 的 分 层 形式 组 织 页 面 。ASP.NET 的 默认 站 点 地 图 提供 程序 自动 选取 此 站 点 地 图 。 

尽管 Web. sitemap 文件 可 以 引用 其 他 站 点 地 图 提供 程序 或 其 他 目录 中 的 其 他 站 点 地 
图 文件 以 及 同一 应 用 程序 中 的 其 他 站 点 地 图 文件 ,但 该 文件 必须 位 于 应 用 程序 的 根 目 录 中 。 

在 Web. sitemap 文件 中 ,为 网 站 中 的 每 一 页 添加 一 个 siteMapNode 元 素 。 然 后 ,可 以 
通过 向 入 siteMapNode 元 素 创建 层次 结构 。Web. sitemap 文件 结构 如 下 所 示 。 


< SiteMap > 
< siteMapNode title = "Home" description = "Home" url = "一 /default.aspx"> 
< siteMapNode title = "Products" description = "Our products"” url = "一 /Products.aspx"> 
< siteMapNode title = " Hardware" description = " Hardware choices"” url = "一 / 
Hardware. aspx" /> 
< siteMapNode title = "Software" description = " Software choices” url="~/ 
Software. aspx" /> 
</siteMapNode > 
</siteMapNode > 
</siteMap> 


在 上 例 中 ,“ 硬 件 ”" 和 “软件 ”页 是 “产品 ”siteMapNode 元 素 的 子 元 素 。title 属性 定义 通 
常用 作 链 接 的 文本 ,description 属性 同时 用 作文 档 和 SiteMapPath 控件 中 的 工具 提示 。 

(2) 站 点 导航 控件 

创建 一 个 反映 站 点 结构 的 站 点 地 图 只 完成 了 ASP.NET 站 点 导航 系统 的 一 部 分 。 导 航 
系统 的 另 一 部 分 是 在 ASP.NET 网 页 中 显示 导航 结构 ,这 样 用 户 就 可 以 在 站 点 内 轻松 地 移 
动 。 通 过 使 用 下 列 ASP.NET 站 点 导航 控件 ,可 以 轻松 地 在 页 面 中 建立 导航 信息 。 

Q@ SiteMapPath 控件 。 此 控件 显示 导航 路 径 向 用 户 显 示 当 前 页 面 的 位 置 ,并 以 链接 的 
形式 显示 返回 主页 的 路 径 。 此 控件 提供 了 许多 可 供 自 定义 链接 的 外 观 的 选项 。 


@ TreeView 控件 。 此 控件 显示 一 个 树 状 结 构 或 菜单 ,让 用 户 可 以 遍历 访问 站 点 中 的 
不 同 页 面 。 单 击 包 含 子 节点 的 节点 可 将 其 展开 或 折 秋 。 

@ Menu 控件 。 此 控件 显示 一 个 可 展开 的 菜单 ,让 用 户 可 以 遍历 访问 站 点 中 的 不 同 页 
面 。 将 光标 悬 停 在 菜单 上 时 ,将 展开 包含 子 节点 的 节点 。 

可 以 使 用 SiteMapPath 控件 创建 站 点 导航 , 既 不 用 编写 代码 ,也 不 用 显 式 绑 定数 据 。 此 控 
件 可 自动 读 取 和 呈现 站 点 地 图 信息 。 但 是 ,如 果 需 要 ,也 可 以 使 用 代码 自 定义 SiteMapPath 
控件 。 

SiteMapPath 控件 使 用 户 能 够 从 当前 页 导航 回 站 点 层次 结构 中 较 高 的 页 。 但 是 ， 
SiteMapPath 控件 不 允许 从 当前 页 向 前 导航 到 层次 结构 中 较 深 的 其 他 页 面 。 在 新 闻 组 或 留 
言 板 应 用 程序 中 , 当 用 户 想 要 查看 他 们 正在 浏览 的 文章 的 路 径 时 ,就 可 以 使 用 SiteMapPath 
控件 。 

TreeView 或 Menu 控件 能 够 让 用 户 可 以 打开 节点 并 直接 导航 到 特定 的 页 。 这 些 控件 不 
会 像 SiteMapPath 控件 那样 直接 读 取 站 点 地 图 。 相 反 , 用 户 需要 在 页 上 添加 一 个 可 读 取 站 点 
地 图 的 SiteMapDataSource 控件 。 然 后 ,将 TreeView 或 Menu 控件 绑 定 到 SiteMapDataSource 
控件 ,从 而 将 站 点 地 图 呈现 在 该 页 上 。 


3. 主题 和 控件 外 观 


(1) 站 点 导航 控件 

主题 是 属性 设置 的 集合 ,使 用 这 些 设置 可 以 定义 页 面 和 控件 的 外 观 ,然后 在 整个 Web 
应 用 程序 中 的 所 有 页 中 一 致 地 应 用 此 外 观 。 

主题 由 一 组 元 素 组 成 : 外 观 、 级 联 样式 表 (CSS) 图像 和 其 他 资源 。 主 题 将 至 少 包含 外 
观 。 主 题 是 在 网 站 或 Web 服务 器 上 的 特殊 目录 中 定义 的 。 

(2) 外 观 

外 观 文件 具有 文件 扩展 名 . skin, 它 包含 各 个 控件 (例如 ,Button、Label、TextBox 或 
Calendar 控件 ) 的 属性 设置 。 控 件 外 观 设 置 类 似 于 控件 标记 本 身 , 但 只 包含 要 作为 主题 的 
一 部 分 来 设置 的 属性 。 例 如 ,下 面 是 Button 控件 的 控件 外 观 : 


<asp:button runat = "server" BackColor = "lightblue" ForeColor = "black" /> 


在 theme 文件 夹 中 创建 . skin 文件 。 一 个 . skin 文件 可 以 包含 一 个 或 多 个 控件 类 型 的 
一 个 或 多 个 控件 外 观 。 可 以 为 每 个 控件 在 单独 的 文件 中 定义 外 观 , 也 可 以 在 一 个 文件 中 定 
义 所 有 主题 的 外 观 。 

有 两 种 类 型 的 控件 外 观 : 默认 外 观 和 已 命名 外 观 。 

当 向 页 应 用 主题 时 ,默认 外 观 自 动 应 用 于 同一 类 型 的 所 有 控件 。 如 果 控 件 外 观 没有 
SkinID 属性 , 则 是 默认 外 观 。 例 如 ,如 果 为 Calendar 控件 创建 一 个 默认 外 观 , 则 该 控件 外 观 
适用 于 使 用 本 主题 的 页 面 上 的 所 有 Calendar 控件 。 默 认 外 观 严格 按 控 件 类 型 来 匹配 ,因此 
Button 控件 外 观 适 用 于 所 有 Button 控件 ,但 不 适用 于 LinkButton 控件 或 从 Button 对 象 派 
生 的 控件 。 

已 命名 外 观 是 设置 了 SkinID 属性 的 控件 外 观 。 已 命名 外 观 不 会 自动 按 类 型 应 用 于 控 
件 , 而 应 当 通 过 设置 控件 的 SkinID 属性 将 已 命名 外 观 显 式 应 用 于 控件 。 通 过 创建 已 命名 外 


观 , 可 以 为 应 用 程序 中 同一 控件 的 不 同 实例 设置 不 同 的 外 观 。 

(3) 主题 的 应 用 范围 

可 以 定义 单个 Web 应 用 程序 的 主题 ,也 可 以 定义 供 Web 服务 器 上 的 所 有 应 用 程序 使 
用 的 全 局 主题 。 定 义 主题 之 后 ,可 以 使 用 @ Page 指令 的 Theme 或 StyleSheetTheme 属性 
将 该 主题 放置 在 单个 页 上 ,或 者 可 以 通过 设置 应 用 程序 配置 文件 中 的 二 pages 二 元素 将 其 应 
用 于 应 用 程序 中 的 所 有 页 。 如 果 在 Machine. config 文件 中 定义 了 二 pages 元 素 , 则 主题 将 
应 用 于 服务 器 上 的 Web 应 用 程序 中 的 所 有 页 。 

(4) 页 面 主题 

页 面 主题 是 一 个 主题 文件 夹 , 其 中 包含 控件 外 观 、 样 式 表 、 图 形 文件 和 其 他 资源 ,该 文件 
夹 是 作为 网 站 中 的 \App_Themes 文件 夹 的 子 文件 夹 创建 的 。 每 个 主题 都 是 \App_Themes 
文件 夹 的 一 个 不 同 的 子 文件 夹 。 

(5) 全 局 主题 

全 局 主题 是 可 以 应 用 于 服务 器 上 的 所 有 网 站 的 主题 。 当 维护 同一 个 服务 器 上 的 多 个 网 
站 时 ,可 以 使 用 全 局 主题 定义 域 的 整体 外 观 。 

全 局 主题 与 页 面 主题 类 似 ,因为 它们 都 包括 属性 设置 样式 表 设 置 和 图 形 。 但 是 ,全 局 
主题 存储 在 Web 服务 器 的 名 为 \Themes 的 全 局 文件 夹 中 。 服 务 器 上 的 任何 网 站 以 及 任何 
网 站 中 的 任何 页 面 都 可 以 引用 全 局 主题 。 


2.4 项 目 实施 
本 项 目 通过 4 个 任务 介绍 创建 风格 统一 的 网 上 书店 Web 网 站 的 过 程 。 
2.4.1 任务 2-1 创建 网 上 书店 母 版 页 


1. 任务 介绍 


网 上 书店 都 含有 一 个 用 户 管理 平台 ,用 户 可 以 管理 自己 的 用 户 信息 、 地 址 信息 、 订 单 信 
息 等 。 例 如 大 型 的 购物 网 站 “京东 商城 ”就 有 类 似 的 平台 。 本 任务 将 为 网 上 书店 设计 一 套 风 
格 统一 的 页 面 ,并 且 希 望 以 后 修改 界面 效果 时 ,能 高 效 、 方 便 地 实施 。 


2. 任务 分 析 


在 用 PowerPoint 制作 幻灯 片 时 ,为 使 每 张 幻 灯 片 都 有 一 样 的 背景 字体、 格式 等 ,可 以 
先 制作 一 张 母 版 ,之 后 在 幻灯 片 中 运用 这 个 母 版 ,幻灯 片 的 整体 风格 也 就 一 致 了 。 

同样 ,如 果 要 高 效率 地 设计 拥有 统一 界面 的 网 页 , 则 可 以 通过 设计 母 版 页 来 实现 。 把 母 
版 页 想象 为 “网 页 的 母 版 ", 开 发 人 员 只 需 修改 这 个 母 版 页 ,就 可 以 使 所 有 的 网 页 拥有 一 致 的 
界面 。 

(1) 创建 网 上 书店 母 版 页 文件 

在 现 有 网 站 NetBook 上 通过 右 击 添加 一 个 新 项 ,在 “添加 新 项 ”窗口 中 ,选择 “ 母 版 页 ”， 
如 图 2-2 所 示 。 
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图 2-2 新 建 母 版 页 


打开 MasterPage. master, 里 面 有 一 个 ContentPlaceHolder 控件 ,如 图 2-3 所 示 。 
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图 2-3 母 版 页 设计 界面 


由 于 默认 的 母 版 页 无 法 满足 要 求 , 需 重新 设计 。 首 先 将 母 版 页 上 的 内 容 清空 ,然后 设计 
一 个 漂亮 的 界面 ,最 后 在 页 面 的 右 下 部 分 放置 一 个 ContentPlaceHolder 控件 ,这 样 一 张 简 
单 的 母 版 页 就 设计 好 了 ,可 以 用 它 作 为 其 他 页 面 的 模板 了 ,如 图 2-4 所 示 。 

(2) 创建 使 用 母 版 页 的 内 容 页 

在 现 有 网 站 NetBook 通过 右 击 添加 一 个 新 项 ,在 “添加 新 项 ”窗口 中 ,选择 “Web 窗 体 ” 
选项 ,并 且 选 中 “选择 母 版 页 ” 复 选 框 ,如 图 2-5 所 示 。 
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图 2-4 设计 好 的 母 版 页 界面 
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图 2-5 新 建 内 容 页 的 窗口 


选择 相应 的 母 版 页 ,如 图 2-6 所 示 。 

合成 母 版 页 的 内 容 页 面 与 普通 页 面 的 源 代码 相 比 发 生 了 一 些 变 化 ,如 下 所 示 : 

<% @ Page Language = "C#" MasterPageFile = "~ /MasterPage. master" AutoEventWireup = "true" 

CodeFile = "Default2.aspx.cs" Inherits= "Default2" Title= "Untitled Page" %> 

<asp:Content ID = "Content1”ContentPlaceHolderID = "ContentPlaceHolder1l" Runat = "Server"> 

</asp:Content > 

可 以 看 出 Page 指令 中 多 了 一 个 MasterPageFile 王 "一 /MasterPage. master" ,这 正 是 页 
面 使 用 母 版 页 的 属性 。 而 一 般 页 面 中 的 HTML>、<TITLE>、<BODY>、<FORM> 
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图 2-6 选择 母 版 页 的 窗口 


等 标记 没有 了 ,取而代之 的 是 二 asp:Content 一 服务 器 控件 标记 。 

切换 到 设计 视图 ,可 以 看 到 一 个 Content 控件 , 它 对 应 母 版 页 的 ContentPlaceHolderl 
控件 ,其 中 页 头 和 页 脚 的 图 片 都 是 灰色 的 .不 能 修改 ,只 能 在 Content 中 进行 编辑 ,如 图 2-7 
所 示 。 
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2-7 内 容 页 设计 界面 


在 Content 控件 中 输入 文字 “欢迎 进入 系统 ”, 保 存 后 按 F5 键 访问 这 个 页 面 , 效 果 如 
图 2-8 所 示 。 

3. 任务 完成 总 结 

从 运行 结果 中 可 以 看 到 虽然 只 在 内 容 页 中 加 入 一 些 简 单 的 文字 ,但 却 能 看 到 带 有 头 尾 


图 片 效果 的 界面 ,这 正 是 使 用 母 版 页 的 效果 。 因 此 ,只 要 在 设计 页 面 时 都 使 用 相同 的 母 版 
页 ,除了 Content 控件 可 以 根据 具体 的 页 面 做 相应 设计 外 ,其 他 的 部 分 都 将 沿用 母 版 页 设计 


图 2-8 内 容 运行 效果 图 


好 的 内 容 ,这 样 制作 一 套 具 有 统一 风格 的 网 页 就 不 再 是 难事 了 。 

4. 课题 训练 与 拓展 

依据 本 任务 中 的 步骤 设计 一 个 美观 的 母 版 页 ,利用 这 个 母 版 页 生成 多 张 内 容 页 ,查看 效 
果 。 完 成 后 试 着 修改 母 版 页 中 局 部 界面 ,观察 这 些 内 容 页 是 否 也 发 生 了 统一 变化 。 
2.4.2 任务 2-2 设计 网 上 书店 站 点 地 图 


1. 任务 介绍 


在 前 面 的 任务 中 用 母 版 建立 了 一 个 具有 统一 风格 的 网 站 ,但 随 着 网 站 网 页 的 增多 ,新 的 
问题 也 出 现 了 。 开 发 人 员 发 现 网 页 链接 增多 后 , 想 回 到 上 一 层 或 更 上 一 层 网 页 的 操作 变 困 
难 了 。 因 此 ,和 希望 建立 一 套 向 导 机 制 ,能 够 清楚 地 知道 目前 在 网 站 的 位 置 ,并 且 提 供 链接 方 
便 用 户 访问 其 他 网 页 。 本 任务 将 设计 一 套 网 页 导航 功能 ,要 求 向 导 功 能 能 快速 地 部 署 到 目 
前 的 网 站 中 并 且 易 于 以 后 的 维护 和 修改 。 

2. 任务 分 析 


这 个 任务 可 以 通过 使 用 站 点 地 图 来 实现 。 首 先 来 看 一 下 NetBook 网 站 目前 的 结构 ,如 


图 2-9 所 示 。 
首页 
(Index.aspx) 


系统 管理 用 户 登 录 
(SystemManage.aspx) (Login.aspx) 


用 户 注册 
(Registeraspx) 


用 户 管理 | 
) 


(UserManage.aspx 


书籍 管理 
(BookManage.aspx) 


图 2-9 网 站 结构 图 


从 图 2-9 中 可 以 看 到 ,目前 网 站 定义 了 三 层 结构 ,任务 的 目标 是 在 访问 用 户 管理 页 面 
(UserManage. aspx) 时 ,网 页 上 能 提供 “首页 一 系统 管理 一 书籍 管理 ?这 种 类 型 的 导航 功能 ， 
这 样 只 要 单 击 导 航 栏 里 的 “系统 管理 ”, 就 能 转 到 系统 管理 (SystemManage. aspx) 页 面 了 。 

(1) 创建 站 点 地 图 文件 

在 现 有 网 站 NetBook 上 通过 右 击 添加 一 个 新 项 ,在 “添加 新 项 ”窗口 中 ,选择 “站 点 地 
图 ”, 如 图 2-10 所 示 。 
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图 2-10 新 建站 点 地 图 的 窗口 


根据 上 面 分 析 时 绘制 的 结构 图 ,将 其 映射 成 站 点 地 图 文件 的 代码 加 入 到 新 建 的 Web. 
sitemap 中 ,如 下 所 示 : 
<?xml version= "1.0" encoding= "utf - 8" ?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap— File—1.0" > 
< siteMapNode url = "Index.aspx" title=" 首 页 ” description = "首页 "> 
< siteMapNode url = "Login. aspx" title = "用 户 登 录 description = "用 户 登 录 " /> 
< siteMapNode url = "Register.aspx" title = "用 户 注册 " description = "用 户 注册 " /> 
< siteMapNode url = "SystemManage.aspx" title= "系统 管理 ” description = "系统 管理 "> 
< siteMapNode url = "UserManage.aspx” title= "用 户 管理 ” description = "用户 管理 " /> 
< sitemapNode url = "BookManage. aspx” title= "书籍 管理 ” description = "书籍 管理 " /> 
</siteMapNode > 
</ siteMapNode> 
</siteMap> 
站 点 地 图 中 只 有 两 种 XML 节点 类 型 ,分 别 是 siteMap 和 siteMapNode 节点 。siteMap 
节点 是 站 点 地 图 的 根 节点 ,一 个 站 点 地 图 中 它 是 唯一 的 。siteMapNode 节点 是 具体 描述 网 
站 导航 页 面 的 节点 , 它 可 以 多 层 嵌 套 。 
siteMapNode 节点 有 三 个 主要 属性 ,分 别 是 url 属性 ,title 属性 description 属性 。 其 
中 ,url 属性 记录 的 是 该 节点 所 对 应 的 页 面 地 址 , 它 既 可 以 是 网 站 内 部 的 相对 路 径 , 也 可 以 是 
公 网 上 的 地 址 链接 。title 属性 描述 了 节点 的 显示 名 称 。description 属性 记录 了 该 页 面 的 具 
体 描述 信息 , 当 和 鼠标 悬 停 在 该 链接 上 时 ,显示 的 即 为 description 记录 的 信息 。 


打开 已 有 的 BookManage. aspx 文件 ,在 Content 控件 内 加 入 一 个 SiteMapPath 控件 ， 
控件 会 按 之 前 在 Web. sitemap 文件 中 写 的 结构 自动 创建 链接 路 径 , 如 图 2-11 所 示 。 
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图 2-12 具有 站 点 导航 栏 的 运行 界面 


(2) 将 站 点 地 图 文件 添加 到 母 版 页 

在 网 页 中 加 入 站 点 地 图 成 功 后 ,会 发 现在 每 张 网 页 中 加 SiteMapPath 控件 还 是 太 麻烦 。 
可 以 在 母 版 页 中 使 用 SiteMapPath 控件 ,这 样 不 但 只 需 加 一 次 控件 ,而 且 使 用 母 版 的 页 面 都 
拥有 相同 风格 的 导航 栏 ,如 图 2-13 所 示 。 通 过 运行 结果 可 以 看 到 所 有 使 用 母 版 的 页 面 都 加 
上 了 导航 栏 。 


3. 任务 完成 总 结 


本 任务 主要 介绍 网 站 地 图 的 设计 过 程 。 网 站 地 图 设计 使 用 SiteMapPath 控件 读 取 
Web. sitemap 文件 ,网 站 地 图 链接 信息 时 使 用 Web. sitemap 文件 进行 配置 。 
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图 2-13 加 入 SiteMapPath 控件 的 母 版 页 
4. 课堂 训练 与 拓展 
依据 本 任务 中 的 步骤 为 网 上 书店 设计 一 个 合理 的 站 点 导航 栏 。 


2.4.3 任务 2-3 设计 网 上 书店 皮肤 文件 


1. 任务 介绍 


前 面 学 习 的 母 版 可 以 用 于 网 页 整体 风格 的 设计 ,但 在 细节 上 和 母 版 却 起 不 了 作用 。 比 如 
设计 的 多 个 网 页 中 都 用 到 了 保存 功能 的 图 片 按钮 ,按钮 上 和 希望 使 用 相同 的 图 片 ,并 且 和 希望 按 
钮 的 大 小 .颜色 看 起 来 都 一 样 。 最 简单 的 办 法 当然 是 在 设计 这 些 相同 样式 的 按钮 时 ,开发 人 
员 为 它们 设置 相同 的 属性 ,但 这 种 方式 必须 一 个 一 个 设置 ,而 且 一 旦 设计 好 后 需要 修改 效果 
时 ,也 必须 一 个 一 个 修改 ,这 种 设置 方法 不 灵活 。 可 以 使 用 皮肤 文件 来 解决 这 个 问题 ,提高 
设计 的 效率 。 本 任务 将 使 用 皮肤 设计 技术 设置 具有 相同 样式 控件 的 外 观 ,并 且 易 于 以 后 的 
维护 与 修改 。 


2. 任务 分 析 


我 们 可 以 在 主题 目录 中 创建 . skin 文件 。 在 这 个 skin 文件 中 为 各 种 控件 设计 一 个 或 
多 个 皮肤 ,然后 对 页 面 中 的 控件 设置 SkinID 属性 ,将 指定 的 皮肤 应 用 于 控件 。 

(1) 创建 网 上 书店 皮肤 文件 

在 现 有 网 站 NetBook 上 通过 右 击 添加 一 个 新 项 ,在 “添加 新 项 "窗口 中 ,选择 “外 观 文 
件 ”, 如 图 2-14 所 示 。 

单 击 “ 添 加 ”按钮 后 ,系统 会 弹出 一 个 消息 框 ,询问 是 否 将 文件 放 到 App_Themes 文件 
夹 中 ,如 图 2-15 所 示 。 


添加 新 项 - D:\NetBook | 


名 称 (N): Frei 
语 让 Cj Re 特 代 砚 的 在 香 玖 的 文件 中 加 


厂 选择 组 版 页 (外) 


图 2-14 新 建 皮肤 文件 的 窗口 


Microsoft Visual Studio 


对 
上 本 主题 文件 添加 到 ASP.NET 应 用 程序 。 对 于 网 站 中 通用 的 主题 文件 ,应 格 其 放 在 "App_Themes 文件 夹 中 。 是 否 要 将 主题 文件 放 在 App_Themes' 文 件 夹 
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图 2-15 新 建 皮肤 文件 的 提示 窗口 


单 击 “ 是 ”按钮 ,将 在 站 点 中 创建 一 个 App_Themes 文件 夹 , 并 在 该 文件 夹 下 生成 一 个 
SkinFile 子 文件 夹 ,里 面 有 一 个 新 的 皮肤 文件 SkinFile. skin, 如 图 2-16 所 示 。 
打开 SkinFile. skin 文件 ,在 里 面 添加 一 个 图 片 按钮 的 样式 ,代码 如 下 : 


< asp: ImageButton runat = "server"” SkinId = "DeleteImageButtonSkin" ImageUrl = "~/images/m_an_ 
del.gif” /> 


打开 Web. Config 文件 ,在 二 system. web 之 标记 中 添加 一 段 配置 代码 ,如 下 : 
< pages theme = "SkinFile" /> 
(2) 创建 使 用 皮肤 的 页 面 


打开 一 个 网 页 ,在 网 页 中 加 入 一 个 ImageButton 控件 ,设置 它 的 SkinID 属性 为 
DeleteImageButtonSkin, 如 图 2-17 所 示 。 


运行 网 页 ,网 页 中 ImageButton 控件 的 样式 和 在 皮肤 文件 中 定义 的 ImageButton 的 样 
式 完 全 一 样 ,如 图 2-18 所 示 。 


3. 任务 完成 总 结 


通过 运行 结果 ,可 以 看 到 皮肤 文件 就 是 定义 一 些 控件 的 公共 样式 ,以 此 来 达到 一 次 设计 
多 次 使 用 的 目的 ,另外 也 可 以 用 于 保证 控件 的 风格 一 致 
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图 2-18 使 用 了 皮肤 的 运行 界面 
4. 课堂 训练 与 拓展 
依据 本 任务 中 的 步骤 设计 一 套 风 格 一 致 的 控件 。 


2.4.4 任务 2-4 使 用 CSS 文件 统一 网 上 书店 主题 样式 


1. 任务 介绍 


在 设计 一 些 报表 网 页 时 ,比如 显示 人 员 信 息 、 用 户 信息 等 ,由 于 工作 量 比较 大 ,会 由 多 个 
开发 人 员 设计 ,结果 设计 出 来 的 网 页 显示 效果 五 花 八 门 。 此 外 有 的 开发 人 员 美工 水 平 比较 
差 , 做 的 网 页 不 美观 ,如 图 2-19 所 示 。 因 此 希望 能 重新 设计 这 些 页 面 ,具有 统一 的 、 美 观 的 
表格 风格 。 本 任务 将 设计 具有 统一 风格 的 表格 。 


2. 任务 分 析 


CSS 是 Cascading Style Sheet 的 缩写 ,译作 “级 联 样式 表 ”, 是 用 于 控制 网 页 样式 并 允许 
将 样式 信息 与 网 页 内 容 分 离 的 一 种 标记 性 语言 。 可 以 使 用 CSS 设计 统一 样式 的 表格 。 
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图 2-19 不 美观 的 表格 网 页 


(1) 创建 CSS 文 件 
在 现 有 网 站 NetBook 上 通过 右 击 添加 一 个 新 项 ,在 “添加 新 项 ”窗口 中 ,选择 级 联 样 式 
表 文 件 ,如 图 2-20 所 示 。 
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图 2-20 新 建 级 联 样 式 表 文件 的 窗口 


将 样式 代码 加 入 到 新 建 的 StyleSheet. css 中 ,如 下 所 示 : 


.table — TitleBG { 
font - weight: bold; 
font - size: 12px; 
line— height: 150 %; 
background — color: #f7faff; 
text — decoration: none 


.table— Kang { 
background — color: #91afdd; 
border: 1px solid #0066cc 
} 


.table— Sbg { 
font — size: 12px; 
line— height: 150%; 
background — color: #ecf4ff 
L 


(2) 创建 使 用 CSS 的 页 面 
在 页 面 中 加 入 样式 引用 ,如 下 所 示 : 


<%@ Page Language = "C#" MasterPageFile = "~ /MasterPage. master" AutoEventWireup = "true" 
CodeFile = "Default4.aspx.cs" Inherits = "Default4" Title = "Untitled Page" %> 

<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" Runat = "Server"> 

< link rel = "stylesheet" href = "StyleSheet. css" type= "text/css" /> 

<table border = "0" cellpadding = "4" cellspacing= "1" class = "table— Kang" style = "width: 
S518px; height: 78px;"> 

<tr> 

<td class = "table- TitleBG"> 用 户 名 </td> 

<tdclass="table— Sbg" width=15% style= "text— align: left"> 张 三 </td> 

<td class = "table- TitleBG"> 出 生年 月 </td> 

<td class = "table- Sbg" width=15$% style= "text— align: left">1970-1-1</td> 

<td class = "table- TitleBG"> 性 别 </td> 

<td class = "table- Sbg" width=10% style= "text— align: left"> 男 </td> 

</tr> 

<tr> 

<td class = "table- TitleBG"> 电 话 </td> 

<td class = "table- Sbg" style = "text -align: left"> 88888888 </td> 

<td class = "table— TitleBG"> E-mail </td> 

<td class = "table— Sbg" colspan = "3" style = "text - align: left"> zhang@netbook. com </td> 
</tr> 

<tr> 

<td class = "table- TitleBG"> 地 址 </td> 

<td class = "table- Sbg" colspan = "5" style = "text - align: left"> 常 州 信息 职业 技术 学 院 计 算 
机 系 </td> 

</tr> 

</table> 

</asp:Content > 


运行 网 页 ,网 页 中 表格 的 效果 发 生 了 明显 变化 ,如 图 2-21 所 示 。 


WR IATD WD 
Oar .0O- da om oD- Bl -OR 


| EE 日 
ee El E 
5 CE 
A 
I 
© hen Mia | 

EE:3 厂 厂 六 厂矿 醒 和 wwe 直 


2-21 使 用 了 级 联 样式 表 的 运行 界面 


3. 任务 完成 总 结 


通过 运行 结果 ,我们 可 以 看 到 如 果 多 个 网 页 使 用 级 联 样式 表 文 件 定义 好 的 样式 ,可 以 使 
网 页 具有 相同 的 界面 效果 。 如 果 需 要 修改 界面 效果 ,也 只 需要 修改 级 联 样式 表 文 件 ,所 有 使 
用 这 些 样式 的 网 页 都 会 相应 改变 。 


4. 课堂 训练 与 拓展 
依据 本 任务 中 的 步骤 设计 一 个 使 用 级 联 样 式 表 的 图 书页 面 。 


2.5 项 目 总 结 


本 项 目 结合 实际 任务 介绍 了 常用 的 设计 统一 风格 网 页 的 ASP.NET 新 技术 : 母 版 页 、 
站 点 地 图 、 皮 肤 、 级 联 样式 表 等 。 由 于 任务 要 求 的 限制 ,还 有 一 些 复杂 用 法 没有 介绍 ,比如 母 
版 页 的 嵌 套 、 母 版 页 的 事件 处 理 、 站 点 导航 控件 的 自 定义 使 用 等 。 读 者 可 以 在 掌握 了 基本 知 
识 后 深入 学 习 。 


2.6 项 目 实 训 


任务 描述 
表 2-1 是 一 个 旅游 网 站 的 栏目 设计 ,要 求 按 栏目 设计 一 个 具有 统一 风格 的 旅游 网 站 。 
表 2-1 某 旅 游 网 站 栏目 内 容 


栏 目 服务 分 类 栏 目 服务 分 类 
国外 旅游 信息 问题 解答 
旅游 动态 国内 旅游 信息 便民 服务 出 入 境 办 理 
精品 游记 推荐 a 
文物 吉 迹 2 蝇 
却 二 中 旅游 公司 介绍 
- 天 气 介绍 
风情 下 活动 宾馆 介绍 
场 史 训 化 交通 路 线 介绍 
民俗 风情 - 购物 介绍 
特别 推荐 旅游 一 线 通 旅游 地 图 
网 上 预订 酒店 餐饮 介绍 
网 上 火车 票 预 订 导游 信息 
网 上 预订 网 上 汽车 票 预 订 旅游 租车 
网 上 飞机 票 预 订 景点 评价 
网 上 咨询 人 旅游 投诉 


通过 前 面 的 项 目 , 我 们 已 经 能 够 设计 出 风格 一 致 .界面 美观 的 网 站 页 面 。 但 是 静态 的 网 
站 只 能 让 用 户 访问 到 设计 好 的 内 容 , 却 无 法 获取 用 户 的 反馈 信息 。 比 如 ,为 了 更 好 地 为 用 户 
服务 ,通常 希望 用 户 能 把 他 们 的 姓名 电话、 邮箱 等 信息 告知 客服 部 门 。 但 是 ,由 于 用 户 都 是 
通过 网 络 访问 网 站 ,无 法 通过 传统 的 纸 质 填 表 方式 获取 信息 ,因此 希望 能 够 设计 出 与 用 户 交 
互 的 页 面 ,方便 用 户 与 网 站 进行 交互 。 


3.2 项 目 分 析 


Web 应 用 程序 网 站 通过 网 络 方式 收集 用 户 信息 ,这 就 需要 设计 出 能 和 用 户 交 互 的 页 
面 。 用 户 可 以 通过 这 些 页 面 输入 自己 的 个 人 信息 ,并 提交 到 服务 器 上 。ASP .NET 中 使 用 
服务 器 控件 设计 与 用 户 交互 的 页 面 。 本 项 目 中 将 设计 一 个 用 户 注册 界面 ,通过 用 户 注册 界 
面 的 设计 来 讨论 交互 性 Web 网 站 的 设计 过 程 。 

用 户 名 、 密 码 ,真实 姓名 、 身 份 证 .出 生日 期 .联系 方法 等 信息 可 以 使 用 文本 框 输入 。 性 
别 只 能 为 男 或 女 ,可 以 进行 唯一 性 选择 。 注 册 用 户 所 在 省 份 的 分 布 信息 可 以 使 用 下 拉 列 表 
选择 。 如 果 有 特殊 要 求 的 网 站 需要 用 户 输 入 照片 ,一 般 可 以 使 用 上 传 控件 完成 照片 上 传 。 

输入 的 用 户 信息 一 般 需 要 进行 有 效 性 验证 。 为 防止 无 效 的 空 数 据 进入 数据 库 , 输 入 的 
所 有 内 容 需 要 进行 非 空 验证 。 为 防止 密码 输入 出 错 ,密码 需要 进行 两 次 比 对 验证 。 出 生日 
期 .身份 证 号 码 等 数据 都 有 特殊 的 格式 要 求 .需要 进行 正则 验证 。 已 经 被 其 他 用 户 使 用 过 的 
用 户 名 不 可 以 重复 使 用 ,需要 进行 数据 比 对 判断 验证 。 

上 述 讨论 的 创建 用 户 注册 页 面 的 内 容 , 都 是 通过 使 用 服务 器 控件 来 完成 的 。 在 实施 本 
项 目前 , 先 学 习 一 些 设计 交互 式 页 面 必须 的 控件 。 


3.3 相关 知识 


1. HTML 服务 器 控件 
对 服务 器 公开 的 HTML 元 素 , 可 对 其 进行 编程 。HTML 服务 器 控件 公开 一 个 对 象 模 


型 ,该 模型 十 分 紧密 地 映射 到 相应 控件 所 呈现 的 HTML 元 素 。 

HTML 服务 器 控件 属于 HTML 元 素 ( 或 采用 其 他 支持 的 标记 的 元 素 ,例如 XHTML) , 它 
包含 多 种 属性 ,使 其 可 以 在 服务 器 代码 中 进行 编程 。 默认 情况 下 ,服务 器 上 无 法 使 用 
ASP.NET 网 页 中 的 HTML 元 素 。 这 些 元 素 将 被 视 为 不 透明 文本 并 传递 给 浏览 器 。 但 是 , 通 
过 将 HTML 元 素 转换 为 HTML 服务 器 控件 ,可 将 其 公开 为 可 在 服务 器 上 编程 的 元 素 。 

HTML 服务 器 控件 的 对 象 模型 紧密 映射 到 相应 元 素 的 对 象 模型 。 例 如 , HTML 属性 
在 HTML 服务 器 控件 中 作为 属性 公开 。 

页 中 的 任何 HTML 元 素 都 可 以 通过 添加 属性 runat 王 "server" 转 换 为 HTML 服务 器 
控件 。 在 分 析 过 程 中 ,ASP.NET 页 框架 将 创建 包含 runat= "server" 属 性 的 所 有 元 素 的 实 
例 。 若 要 在 代码 中 以 成 员 的 形式 引用 该 控件 , 则 还 应 为 该 控件 分 配 id 属性 。 

页 框架 为 页 中 的 HTML 元 素 提 供 了 预定 义 的 HTML 服务 器 控件 : form 元 素 ,input 
元 素 ( 文 本 框 、 复 选 杠 “提交 ”按钮 ) select 元 素 , 等 等 。 这 些 预定 义 的 HTML 服务 器 控件 
有 具 有 一 般 控件 的 基本 属性 ,此 外 每 个 控件 通常 提供 自己 的 属性 集 和 自己 的 事件 。 

HTML 服务 器 控件 提供 以 下 功能 : 

QO@ 可 在 服务 器 上 使 用 面向 对 象 技术 对 其 进行 编程 的 对 象 模型 。 每 个 服务 器 控件 都 公 
开 一 些 属 性 (Property) ,可 以 使 用 这 些 属性 (Property) 在 服务 器 代码 中 以 编程 方式 来 操作 
该 控件 的 标记 属性 (Attribute)。 

@ 提供 一 组 事件 ,可 以 为 其 编写 事件 处 理 程序 ,方法 与 在 基于 客户 端的 窗 体 中 大 致 相 
同 ,所 不 同 的 是 事件 处 理 是 在 服务 器 代码 中 完成 的 。 

@ 自动 维护 控件 状态 。 在 页 到 服务 器 的 往返 行程 中 ,将 自动 对 用 户 在 HTML 服务 器 
控件 中 输入 的 值 进行 维护 并 发 送 回 浏览 器 。 

@ 与 ASP.NET 验证 控件 进行 交互 ,因此 可 以 验证 用 户 是 否 已 在 控件 中 输入 了 适当 的 
信息 。 
@ 数据 绑 定 到 一 个 或 多 个 控件 属性 。 
支持 样式 (如 果 在 支持 级 联 样式 表 的 浏览 器 中 显示 ASP.NET 网 页 ) 。 

@ 直接 可 用 的 自 定义 属性 。 可 以 向 HTML 服务 器 控件 添加 所 需 的 任何 属性 ,页 框架 
将 呈现 这 些 属性 而 不 会 更 改 其 任何 功能 。 这 允许 用 户 向 控件 添加 浏览 器 特定 属性 。 


2. Web 服务 器 控件 


Web 服务 器 控件 比 HTML 服务 器 控件 具有 更 多 的 内 置 功 能 。Web 服务 器 控件 不 仅 包 
括 窗 体 控件 (例如 按钮 和 文本 框 ) ,而 且 还 包括 特殊 用 途 的 控件 (例如 日 历 、 菜 单 和 树 视图 控 
件 )。Web 服务 器 控件 与 HTML 服务 器 控件 相 比 更 为 抽象 ,因为 其 对 象 模型 不 一 定 反 映 
HTML 语法 。 

Web 服务 器 控件 是 设计 侧重 点 不 同 的 另 一 组 控件 。 它 们 不 必 一 对 一 地 映射 到 HTML 
服务 器 控件 ,而 是 定义 为 抽象 控件 。 在 抽象 控件 中 .控件 所 呈现 的 实际 标记 与 编程 所 使 用 的 
模型 可 能 截然 不 同 。 例 如 ,RadioButtonList Web 服务 器 控件 可 以 在 表 中 呈现 ,也 可 以 作为 
带 有 其 他 标记 的 内 联 文本 呈现 。 

Web 服务 器 控件 包括 传统 的 窗 体 控件 ,例如 按钮 ,文本 框 和 表 等 复杂 控件 。 它 们 还 包 
括 提供 常用 窗 体 功 能 (例如 在 网 格 中 显示 数据 .选择 日 期 .显示 菜单 等 ) 的 控件 。 


Web 服务 器 控件 除了 提供 HTML 服务 器 控件 的 上 述 所 有 功能 (不 包括 与 元 素 的 一 对 
一 映射 ) 外 ,还 提供 以 下 附加 功能 : 

J@ 功能 丰富 的 对 象 模型 ,该 模型 具有 类 型 安全 编程 功能 。 

@ 自动 浏览 器 检测 ,控件 可 以 检测 浏览 器 的 功能 并 呈现 适当 的 标记 。 

@ 对 于 某 些 控 件 , 可 以 使 用 Templates 定义 自己 的 控件 布局 。 

@ 对 于 某 些 控 件 , 可 以 指定 控件 的 事件 是 立即 发 送 到 服务 器 ,还 是 先 缓存 然后 在 提交 
该 页 时 引发 。 

加 支持 主题 ,可 以 使 用 主题 为 站 点 中 的 控件 定义 一 致 的 外 观 。 

可 将 事件 从 内 套 控 件 ( 例 如 表 中 的 按钮 ) 传 递 到 容器 控件 。 

下 面 介绍 一 些 常 用 的 标准 Web 服务 器 控件 ,使 用 这 些 控件 设计 具有 交互 性 的 Web 网 
站 非常 方便 ,可 以 极 大 地 减少 代码 量 。 

(1) Label 控件 

Label 控件 为 用 户 提供 了 一 种 以 编程 方式 设置 ASP .NET 网 页 中 文本 的 方法 ,可 以 在 
程序 运行 时 通过 代码 更 改 页 面 中 的 文本 内 容 。 

Label 控件 最 常用 的 属性 就 是 Text 属性 ,用 于 设置 在 标签 控件 中 显示 的 文本 。 例 如 当 
用 户 单 击 按钮 提交 了 信息 以 后 ,如 果 后 台 服 务 器 成 功 保存 了 信息 ,可 以 编写 下 面 的 代码 ,提示 
用 户 操作 成 功 。 设 置 Label 控件 的 ID 属性 为 Message, 在 页 面 显示 提示 信息 的 代码 如 下 : 


Label_Message. Text = "信息 已 成 功 保存 "; 


(2) TextBox 控件 
TextBox 控件 为 用 户 提供 了 一 种 向 Web 窗 体 页 中 输入 信息 (包括 文本 、 数 字 和 日 期 ) 的 
方法 。 在 默认 情况 下 ,只 能 使 TextBox 控件 输入 单行 文本 ,如 果 需 要 输入 比较 特殊 的 信息 ， 
如 密码 或 内 容 比较 多 的 多 行 信息 时 ,可 以 利用 "TextMode” 属 性 来 配置 TextBox Web 服务 
器 控件 类 型 ,如 表 3-1 所 示 。 
表 3-1 TextMode 属性 


配 置 说 明 样 式 
在 默认 情况 下 ,只 能 使 TextBox 控件 输入 单行 信息 。 
SingleLine 此 外 通过 设置 控件 的 MaxLength 属性 还 可 以 限制 控 和 
件 接受 的 字符 数 

与 单行 TextBox 控件 类 似 ,但 用 户 输入 的 字符 将 用 星 
号 (* ) 屏蔽 ,以 隐藏 这 些 信息 。 使 用 为 密码 设置 的 
TextBox 控件 有 助 于 确保 其 他 人 员 观 察 用 户 输入 密 
ed 码 时 无 法 确 知 该 密码 。 但 是 ,输入 的 密码 文本 没有 以 Ed 
任何 方式 进行 加 密 , 应 像 保 护 任何 其 他 机 密 数据 那样 
对 它 进行 保护 。 例 如 ,为 了 获得 最 大 限度 的 安全 性 ， 
在 发 送 其 中 带 有 密码 的 窗 体 时 ,可 以 使 用 安全 套 接 字 
层 (SSL) 和 加 密 

用 户 在 显示 多 行 并 允许 文本 换行 的 框 中 输入 信息 。 必 二 全 区 伯 人 组 长 
MultiLine 此 外 通过 设置 控件 的 Width/Height 属性 值 或 王 五 任 软 件 组 组 员 
Columns/Row 属性 值 以 确定 控件 显示 的 宽度 和 行 数 加 


TextBox 控件 最 常用 的 属性 就 是 Text 属性 ,用 于 获取 或 者 设置 文本 框 中 的 文本 。 例 
如 ,获取 TextBox_UserName 中 的 文本 ,将 其 保存 到 字符 串 变量 userName 中 ,代码 如 下 : 


string userName = TextBox UserName.Text; 


TextBox 控件 具有 一 些 比较 有 用 的 事件 。 当 用 户 离开 TextBox 控件 时 ,该 控件 将 引发 
TextChanged 事件 。 默 认 情况 下 ,并 不 立即 引发 该 事件 ;, 而 是 当 提 交 Web 窗 体 页 时 才 在 服 
务 器 上 引发 。 但 可 以 指定 TextBox 控件 在 用 户 离开 该 字段 之 后 马上 将 页 面 提 交 给 服务 器 。 

TextBox 服务 器 控件 并 非 每 当 用 户 输入 一 个 键 击 就 引发 事件 ,而 是 仅 当 用 户 离 开 该 控 
件 时 才 引 发 事件 。 可 以 让 TextBox 控件 引发 在 客户 端 脚本 中 处 理 的 客户 端 事件 ,这 有 助 于 
响应 单个 键 击 。 

(3) RadioButton 控件 

通常 将 两 个 或 多 个 单独 的 RadioButton 组 合 在 一 起 ,提供 一 种 可 以 在 一 组 互相 排斥 的 
预定 义 选项 中 进行 选择 的 方式 。 可 以 通过 单 选 按钮 的 Text 属性 设置 它 的 标题 ,通过 
TextAlign 属性 设置 标题 的 对 齐 方式 ,通过 Checked 属性 用 来 获取 或 设置 它 的 选中 状态 。 

此 外 在 单 选 按钮 中 有 一 个 很 重要 的 GroupName 属性 ,用 于 分 组 。 单 选 按钮 很 少 单独 
使 用 ,通过 该 属性 可 以 对 多 个 单 选 按钮 进行 分 组 。 在 一 个 组 内 ,每 次 只 能 选择 一 个 单 选 按 
钮 。 可 以 用 下 列 方法 创建 分 组 的 单 选 按钮 : 先 向 页 中 添加 多 个 RadioButton Web 服务 器 控 
件 , 然 后 将 所 有 这 些 控件 手动 分 配 到 一 个 组 中 , 即 给 这 些 控 件 起 一 个 相同 的 组 名 。 这 种 情况 
下 ,具有 相同 组 名 的 所 有 单 选 按钮 视 为 这 个 组 的 组 成 部 分 。 

例如 ,在 页 面 中 需要 填写 性 别 , 这 时 可 以 添加 两 个 单 选 按钮 ,分 别 将 它们 的 Text 属性 
设置 为 * 男 "和 * 女 ”, 再 将 两 个 控件 的 GroupName 属性 都 设置 为 Sex 即 可 。 

单个 RadioButton 控件 在 用 户 单 击 该 控件 时 引发 CheckedChanged 事件 。 默 认 情况 下 ， 
这 一 事件 并 不 导致 向 服务 器 发 送 页 面 , 但 通过 将 AutoPostBack 属性 设置 为 True, 可 以 使 该 
控件 强制 立即 发 送 。 

无 论 RadioButton 控件 是 否 发 送 到 服务 器 ,通常 都 没有 必要 为 CheckedChanged 事件 
创建 事件 处 理 程序 。 相 反 , 更 常见 的 做 法 是 在 窗 体 已 被 某 个 控件 (如 Button 控件 ) 发 送 到 服 
务 器 时 测试 选 定 了 哪个 按钮 。 

(4) 按钮 控件 

按钮 Web 服务 器 控件 使 用 户 可 以 提交 已 完成 的 表单 或 要 执行 特定 的 命令 。Web 服务 
器 控件 包括 三 种 按钮 ,每 种 按钮 在 网 页 上 显示 的 方式 都 不 同 。 表 3-2 列 出 了 可 以 使 用 Web 
服务 器 控件 创建 的 按钮 的 类 型 。 


表 3-2 按钮 类 型 
控 件 说 明 样 式 
Button 显示 一 个 标准 命令 按钮 ,该 按钮 呈现 为 一 个 HTML Input 元 素 。 


呈现 为 页 面 中 的 一 个 超 链接 。 但 是 , 它 包 含 使 窗 体 被 发 回 服务 
LinkButton ”| 器 的 客户 端 脚本 (可 以 使 用 HyperLink Web 服务 器 控件 创建 真 EinkButon 
实 的 超 链 接 ) 


允许 用 户 将 一 个 图 形 指定 为 按钮 。 这 对 于 提供 丰富 的 按钮 外 观 
ImageButton | 非常 有 用 。ImageButton 控件 还 查 明 用 户 在 图 形 中 单 击 的 位 置 ， 日 
这 使 用 户 能 够 将 按钮 用 作 图 像 映射 


当 用 户 单 击 这 三 种 类 型 按钮 中 的 任何 一 种 时 ,都 会 向 服务 器 提交 一 个 Web 窗 体 。 这 使 
得 在 基于 服务 器 的 代码 中 ,网 页 被 处 理 , 任 何 挂 起 的 事件 被 引发 。 这 些 按 钮 还 可 引发 它们 自 
己 的 Click 事件 ,可 以 为 这 些 事件 编写 事件 处 理 程序 。 

(5) DropDownList 控件 

DropDownList( 下 拉 列 表 ) 控 件 用 来 在 Web 页 面 中 创建 一 个 下 拉 列 表 框 ,可 以 单 击 这 
个 下 拉 列 表 框 右边 的 箭头 按钮 显示 列表 ,然后 从 中 选择 一 项 ,注意 DropDownList 控件 不 支 
持 多 重 选择 模式 。DropDownList 控件 实际 上 是 列表 项 的 容器 ,这 些 列表 项 都 属于 ListItem 
类 型 。 每 一 个 ListItem 对 象 都 是 带 有 自己 的 属性 的 单独 对 象 。 表 3-3 说 明了 这 些 属性 。 


表 3-3 ListItem 常用 属性 


属 性 说 明 
Text 指定 在 列表 中 显示 的 文本 
包含 与 某 个 项 相关 联 的 值 。 设 置 此 属性 可 使 用 户 将 该 值 与 特定 的 项 关联 而 不 显示 
Value 该 值 。 例 如 ,用 户 可 以 将 Text 属性 设置 为 美国 某 个 州 的 名 称 ,而 将 Value 属性 设置 
为 该 州 的 邮政 区 名 缩写 
Selected 通过 一 个 布尔 值 指示 是 否 选择 了 该 项 


若 要 处 理 列 表 项 ,可 以 使 用 DropDownList 控件 的 Items 集合 。Items 集合 是 一 个 标准 
集合 ,可 以 向 它 添加 项 对 象 ,也 可 以 从 中 删除 项 或 清除 集合 等 。 一 般 我 们 在 Items 属性 中 打 
开 “ListItem 集合 编辑 器 ”对 话 框 处 理 列表 项 ,如 图 3-1 所 示 。 


dl 
成 员 吧 ) : ListIten 属性 全 ); 
I istIten 3| 辆 | 站 | 加 
3| 日 末 天 
Enabled Te 
Selected False 
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图 3-1 “ListItem 集合 编辑 器 ”对 话 框 


在 图 3-1 所 示 对 话 框 中 , 单 击 “ 添 加 ”按钮 向 列表 框 中 添加 一 个 新 项 ,此 时 在 对 话 框 的 右 
边 将 显示 该 项 的 属性 。 每 个 列表 项 都 包含 4 个 属性 : Enabled( 用 来 设置 该 项 是 否 可 用 )、 
Selected( 用 来 设置 该 项 是 否 处 于 选中 状态 )、Text( 用 来 设置 列表 项 的 标题 ) 和 Value( 用 来 
设 园 列 表 项 的 值 )。 对 话 框 中 的 “ 移 除 ”按钮 用 来 删除 在 “成 员 ” 列 表 框 中 当前 选中 的 项 。 添 
加 完 列表 项 之 后 , 单 击 “ 确 定 ” 按 钮 关闭 该 对 话 框 并 把 列表 项 添加 到 下 拉 列 表 框 中 。 

此 外 也 可 以 用 代码 向 下 拉 列 表 框 控 件 中 添加 列表 项 ,例如 下 面 的 代码 : 


DropDownList1. Items. Add(new ListItem(" 第 一 项 ")); 
DropDownList1. Items. Add(new ListItem(" 第 二 项 ")); 


DropDownList1. Items. Rdd(new ListItem(" 第 三 项 ")); 


下 拉 列 表 框 中 还 包含 SelectedIndex 属性 和 SelectedItem 属性 ,它们 分 别 表示 当前 选择 
项 的 索引 和 当前 选择 项 。 可 以 在 运行 时 使 用 代码 通过 这 两 个 属性 来 获取 下 拉 列 表 控 件 的 当 

当 用 户 选择 一 项 时 , DropDownList 控件 将 引发 一 个 事件 (SelectedIndexChanged 事 
件 )。 默 认 情 况 下 ,此 事件 不 会 导致 将 页 发 送 到 服务 器 ,但 可 以 通过 将 AutoPostBack 属性 
设置 为 true 使 此 控件 强制 立即 发 送 。 

(6) FileUpload 控件 

使 用 FileUpload 控件 ,可 以 为 用 户 提供 一 种 将 文件 从 用 户 的 计算 机 发 送 到 服务 器 的 方 
法 。 该 控件 在 允许 用 户 上 传 图 片 、 文 本 文件 或 其 他 文件 时 很 有 用 ,控件 的 样式 如 图 3-2 
所 示 。 

i FileUpload 控件 显示 一 个 文本 框 ,在 此 用 户 可 以 输入 希望 上 

一 传 到 服务 器 的 文件 名 。 该 控件 还 显示 一 个 “浏览 "按钮 ,该 按钮 显 

图 3-2 FileUpload 控件 ” 示 一 个 文件 导航 对 话 框 。 出 于 安全 方面 的 考虑 ,不 能 将 文件 名 预 
加 载 到 FileUpload 控件 中 。 

用 户 选择 要 上 传 的 文件 并 提交 页 面 后 ,该 文件 作为 请 求 的 一 部 分 上 传 。 文 件 将 被 完整 
地 缓存 在 服务 器 内 存 中 。 文 件 完成 上 传 后 ,页 代码 开始 运行 。 

可 以 通过 下 面 的 FileUpload 控件 属性 访问 上 传 的 文件 : FileBytes 属性 中 公开 的 字 节 
数组 , FileContent 属性 中 公开 的 流 , PostedFile 属性 中 类 型 HttpPostedFile 的 对 象 。 
PostedFile 对 象 公 开 某 些 属性 ,如 ContentType 和 ContentLength 属性 ,这 些 属性 提供 有 关 
上 传 文件 的 信息 。 

在 代码 运行 时 ,可 以 检查 文件 的 特征 ,例如 文件 的 名 称 、 大 小 和 MIME 类 型 ,然后 可 以 
保存 该 文件 。 可 以 将 文件 当 作 字 节 数组 或 流 来 使 用 。 另 外 , FileUpload 控件 和 
HttpPostedFile 对 象 都 支持 将 文件 写 人 磁盘 的 SaveAs 方法 。 

对 所 上 传 文件 的 保存 位 置 , 没 有 国有 限制 。 但 是 , 若 要 保存 文件 ,ASP.NET 进程 必须 
有 具有 在 指定 位 置 创建 文件 的 权限 。 此 外 ,还 可 能 将 应 用 程序 配置 为 要 求 使 用 绝对 路 径 ( 而 不 
是 相对 路 径 ) 来 保存 文件 ,这 是 一 种 安全 措施 。 如 果 将 httpRuntime 元 素 (ASP .NET 设置 
架构 ) 配 置 元 素 的 requireRootedSaveAsPath 属性 设置 为 True( 默 认 值 ) , 则 在 保存 上 传 的 文 
件 时 必须 提供 绝对 路 径 。 

可 上 传 的 最 大 文件 的 大 小 取决 于 MaxRequestLength 配置 设置 的 值 。 如 果 用 户 试图 上 
传 大 于 最 大 允许 值 的 文件 , 则 上 传 会 失败 。 

使 用 FileUpload 控件 ,用 户 可 能 上 传 潜在 有 害 的 文件 ,这 包含 脚本 文件 和 可 执行 文件 。 
无 法 预先 限制 用 户 可 以 上 传 的 文件 。 如 果 和 希望 限制 用 户 可 以 
上 传 的 文件 的 类 型 , 则 必须 在 上 传 文件 后 检查 文件 特征 (例如 ， 
文件 扩展 名 和 文件 的 ContentType 属性 值 ) 。 

(7) TreeView 控件 

TreeView Web 服务 器 控件 用 于 以 树 形 结构 显示 分 层 数 
据 , 如 目录 或 文件 目录 。 控 件 的 样式 如 图 3-3 所 示 。 

它 支持 以 下 功能 : 图 3-3 TreeView 控件 


@ 自动 数据 绑 定 ,该 功能 允许 将 控件 的 节点 绑 定 到 分 层 数据 (如 XML 文档 ) 。 

@ 通过 与 SiteMapDataSource 控件 集成 提供 对 站 点 导航 的 支持 。 

@ 可 以 显示 为 可 选择 文本 或 超 链接 的 节点 文本 。 

@ 可 通过 主题 ,用户 定 义 的 图 像 和 样式 自 定 义 外 观 。 

@ 通过 编程 访问 TreeView 对 象 模型 ,可 以 动态 地 创建 树 ,填充 节点 以 及 设置 属性 等 。 

可 以 通过 客户 端 到 服务 器 的 回调 填充 节点 (在 受 支 展开 指示 符 图 像 
持 的 浏览 器 中 )。 I 节点 图 像 


@ 能 够 在 每 个 节点 旁边 显示 复 选 框 。 

TreeView 控件 由 一 个 或 多 个 节点 构成 。 树 中 的 每 个 项 
都 被 称 为 一 个 节点 , 由 TreeNode 对 象 表 示 。 每 个 复 选 杠 
TreeNode 对 象 包含 4 个 UI 元 素 。 图 3-4 中 显示 了 这 些 元 图 3-4 节点 呈现 
素 , 表 3-4 中 对 其 进行 了 描述 。 


表 3-4 TreeNode 对 象 包 含 元 素 


sr Hems 一 一 节点 文本 


节点 类 型 说 明 
“展开 / 折 基 "图 像 一 个 可 选 图 像 ,指示 是 否 可 以 展开 节点 以 显示 子 节点 。 默 认 情 况 下 ,如 果 节点 可 
以 展开 ,此 图 像 将 为 加 号 [十 ], 如 果 此 节点 可 以 折 释 , 则 图 像 为 碱 号 [一 ] 
复 选 框 复 选 框 是 可 选 的 ,以 允许 用 户 选 择 特定 节点 
“节点 ”图像 可 以 指定 要 显示 在 节点 文本 旁边 的 节点 图 像 
“节点 "文本 节点 文本 是 在 TreeNode 对 象 上 显示 的 实际 文本 。 节 点 文本 的 作用 类 似 于 导航 
模式 中 的 超 链接 或 选择 模式 中 的 按钮 


TreeView 控件 的 节点 有 3 种 类 型 , 表 3-5 描述 了 这 3 种 不 同 的 节点 类 型 。 
表 3-5 TreeView 节点 类 型 


节点 类 型 说 明 

根 节点 没有 父 节点 ,但 具有 一 个 或 多 个 子 节点 的 节点 

父 节点 具有 一 个 父 节点 ,并 且 有 一 个 或 多 个 子 节点 的 节点 
叶 节点 没有 子 节点 的 节点 


尽管 一 个 典型 的 树 形 结构 只 有 一 个 根 节 点 ,但 TreeView 控件 允许 用 户 向 树 形 结构 中 
添加 多 个 根 节点 。 

每 个 节点 都 具有 一 个 Text 属性 和 一 个 Value 属性 。Text 属性 的 值 显 示 在 TreeView 
控件 中 ,而 Value 属性 则 用 于 存储 有 关 该 节点 的 任何 附加 数据 ,例如 传递 给 与 节点 相关 联 的 
回 发 事件 的 数据 。 

单 击 TreeView 控件 的 节点 时 ,将 引发 选择 事件 (通过 回 发 ) 或 导航 至 其 他 页 。 未 设置 
NavigateUrl 属性 时 , 单 击 节点 将 引发 SelectedNodeChanged 事件 ,用 户 可 以 处 理 该 事件 ,从 
而 提供 自 定义 的 功能 。 每 个 节点 还 都 具有 SelectAction 属性 ,该 属性 可 用 于 确定 单 击 节点 
时 发 生 的 特定 操作 ,例如 展开 节点 或 折 琶 节点 。 若 要 在 单 击 节 点 时 不 引发 选择 事件 而 导航 
至 其 他 页 ,可 将 节点 的 NavigateUrl 属性 设置 为 除 空 字符 串 之 外 的 值 。 

在 TreeView 控件 中 显示 数据 有 多 种 方式 ,最 常见 的 两 种 分 别 是 静态 显示 数据 和 在 代 


码 中 绑 定数 据 。 


<asp:TreeView ID = "TreeViewl" Runat = "server"> 
<Nodes> 
<asp:TreeNode Value = "Child1" Expanded = "True" Text = "1"> 
<asp:TreeNode Value = "Grandchild1" Text = "R" /> 
<asp:TreeNode Value = "Grandchild2" Text = "B" /> 
</asp:TreeNode> 
<asp:TreeNode Value = "Child2" Text = "2" /> 
<asp:TreeNode Value = "Child3" Expanded = "True" Text = "3"> 
<asp:TreeNode Value = "Grandchild1" Text = "R" /> 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 


@ 在 代码 中 绑 定数 据 。 


void initTreeView() 


{ 
SqlConnection con = new SqlConnection(); 


con. ConnectionString = "Server = localhost;DataBase = NetBook;Integrated Security= True"; 


con. Open( ); 
DataSet ds = new DataSet(); 
SqlDataAdapter da = new SqlDataAdapter("select * from t_category", con); 
da.Fill(ds, "t_category"); 
da = new SqlDataAdapter("select * fromt book", con); 
da.Fill(ds, "t_book"); 
DataView dv_Categories = ds.Tables["t_ category"].DefaultView; 
DataView dv_Books = ds.Tables["t_book"].DefaultView; 
// 加 入 的 是 根 节点 
TreeNode rootNode = new TreeNode(); 
rootNode. ImageUrl = "~/images/1.gif"; 
rootNode. Text = "图 书 浏览 "; 
TreeView1. Nodes. Add( rootNode); 
// 加 入 子 节点 
for (int i = 0; i < dv Categories.Count; it+ ) 
L! 
TreeNode CategoryNode = new TreeNode(); 
CategoryNode. ImageUrl = "~/images/Category. gif"; 
CategoryNode. Text = dv_Categories[i]["CategoryName"].ToString(); 
CategoryNode. Value = dv_Categories[i]["CategoryID"].ToString(); 
rootNode. ChildNodes. Add( CategoryNode); 


dv_Books. RowFilter = "CategoryID=" + dv Categories[i]["CategoryID"].ToString(); 


for (int j = 0; j < dv_Books.Count; H+ ) 
{ 
TreeNode BookNode = new TreeNode( ); 
BookNode. ImageUr1l = "~/images/Book.gif"; 
BookNode. Text = dv _ Books[j]["bookname"].ToString(); 
BookNode. Value = dv Books[j]["bookid"].ToString(); 


CategoryNode. ChildNodes. Rdd(BookNode) ; 
} 
} 
} 


(8) 验证 控件 

验证 控件 包含 验证 逻辑 ,可 以 使 用 户 对 输入 控件 (例如 TextBox 控件 ) 中 输入 的 内 容 进 
行 验证 。 验 证 控件 可 用 于 对 必 填 字段 进行 检查 ,对 照 字符 的 特定 值 或 模式 进行 测试 ,验证 某 
个 值 是 否 在 限定 范围 之 内 ,等 等 。 

ASP .NET 为 用 户 提供 了 6 个 验证 控件 ,它们 分 别 是 : RequiredFieldValidator、 
RangeValidator、 RegularExpressionValidator、CompareValidator、CustomValidator 和 
ValidationSummary, 如 图 3-5 所 示 。 这 些 控 件 位 于 “工具 箱 ” 的 “验证 ”面板 中 ,它们 均 属于 
Web 服务 器 控件 ,可 以 在 Web 页 面 中 直接 使 用 这 些 控件 。 

可 以 使 用 ASP .NET 中 的 验证 控件 在 Web 窗 体 中 验证 用 
户 的 输入 。 验 证 控件 可 以 提供 常用 的 验证 操作 ,例如 比较 两 个 | Sa 
值 以 及 验证 一 个 值 是 否 位 于 范围 内 等 。 另 外 ,也 可 以 提供 自己 2 oe 和 罗 生 
的 验证 操作 并 且 显 示 自 定义 的 错误 信息 。 By empwaruiantor 

验证 控件 可 以 和 任何 服务 器 控件 一 起 使 用 ,而 且 每 个 验证 | 了 miaasss 
控件 都 要 引用 一 个 服务 器 输入 控件 。 处 理 用 户 的 输入 时 ,页 面 
框架 会 把 用 户 输入 的 内 容 传递 给 相应 的 验证 控件 ,然后 验证 控 
件 检查 用 户 的 输入 并 且 根据 检查 结果 设置 是 否 正确 设置 相应 的 属性 (指出 验证 是 否 通 过 ) 。 
在 所 有 的 控件 验证 都 被 调用 之 后 ,如 果 存 在 错误 , 则 整个 页 面 被 设置 为 无 效 并 显示 相应 的 错 
误 信 息 。 

验证 控件 通常 不 显示 在 页 面 中 ,但 是 如 果 它 们 检测 到 错误 ,将 产生 指定 的 错误 信息 。 这 
个 错误 信息 可 以 用 多 种 方式 显示 ,通常 把 验证 控件 放 在 被 验证 控件 的 旁边 ,以 就 地 显示 错误 
信息 。 

下 面 列 出 了 验证 控件 的 一 些 常 用 属性 。 

ControlToValidate 属性 。 该 属性 用 来 指定 或 获取 将 被 验证 的 控件 , 即 与 该 验证 控 
件 相关 联 的 其 他 控件 。 

@ Display 属性 。 该 属性 用 来 获取 或 设置 控件 显示 错误 信息 的 方式 。 可 以 指定 如 表 3-6 
中 所 示 的 三 种 显示 方式 ,其 中 默认 为 Static 显示 方式 。 


表 3-6 Display 显示 方式 


图 3-5 验证 控件 


显示 方式 说 明 
验证 信息 不 显示 , 想 要 在 ValidationSummary 控件 中 集中 显示 验证 信息 时 可 以 指定 
None 
这 种 方式 
Static 在 页 面 布局 中 预 留 显示 验证 信息 的 空间 , 它 属于 页 面 的 一 部 分 
ee 显示 验证 信息 所 需 的 空间 被 动态 地 添加 到 页 面 中 ,这 种 方式 可 以 使 多 个 验证 空间 处 
Ye | 于 相同 的 位 置 


@ EnableClientScript 属性 。 该 属性 表示 是 否 是 激活 客户 端的 验证 。 如 果 该 属性 为 
True, 则 执行 客户 端的 验证 ,不 论 客 户 端 验证 是 否 处 于 激活 状态 ,验证 控件 总 是 在 服务 器 端 


执行 验证 过 程 , 但 是 客户 端的 验证 不 需要 发 送 到 服务 器 端 进 行 处 理 , 所 以 可 以 提高 性 能 。 

轩 Enable 属性 。 该 属性 表示 验证 控件 是 否 处 于 激活 状态 。 可 以 使 用 这 个 属性 来 动态 
地 激活 或 禁止 某 个 验证 过 程 。 

@ ErrorMessage 属性 。 该 属性 用 来 获取 或 设置 需要 在 Web 页 面 上 显示 的 验证 控件 的 
错误 信息 。 

Is Valid 属性 。 该 属性 表示 被 验证 的 控件 是 否 通过 了 验证 。 

ASP.NET 提供 的 6 个 验证 控件 介绍 如 下 。 

OD RequiredFieldValidator 控件 。RequiredFieldValidator 控件 称 为 必须 字段 验证 控 
件 , 其 作用 是 保证 与 它 相 关联 的 控件 中 必须 要 输入 内 容 才 能 通过 验证 。 

在 RequiredFieldValidator 控件 中 包含 一 个 IntialValue 属性 。 这 个 属性 用 来 指定 相关 
联 输入 控件 的 初始 值 , 其 默认 值 为 空 字符 串 , 即 string. Empty。 指 定 初 始 值 时 ,输入 控件 中 
的 值 必须 与 初始 值 不 同 才能 通过 验证 。 

通常 使 用 这 个 控件 验证 是 否 在 文本 框 中 输入 了 信息 ,例如 必须 要 输入 用 户 名 、 密 码 的 
时 候 。 

@ CompareValidator 控件 。CompareValidator 控件 称 为 比较 验证 控件 。 在 ASP.NET 
中 ,可 以 使 用 两 种 类 型 的 比较 验证 控件 : CompareValidator 控件 和 RangeValidator 控件 。 
这 两 种 比较 验证 控件 中 都 包含 一 个 Type 属性 ,Type 属性 用 来 指定 进行 比较 值 的 类 型 。 

CompareValidator 验证 控件 可 以 用 来 将 相关 联 的 输入 控件 (通过 CompareValidator 的 
ControlValidate 属性 设置 ) 的 值 与 另 一 个 控件 的 值 ( 通 过 CompareValidator 验证 控件 的 
ControlToCompare 属性 指定 ) 进 行 比较 。 也 可 以 将 相关 联 的 输入 控件 的 值 和 一 个 指定 的 党 
量 值 (通过 CompareValidator 验证 控件 的 ValueToCompare 属性 指定 ) 进 行 比较 。 

在 比较 的 时 候 , 可 以 通过 CompareValidator 验证 控件 的 Operator 属性 来 指定 比较 操作 
的 类 型 。 表 3-7 给 出 了 各 种 类 型 符号 的 说 明 ,其 中 Equal 为 默认 值 。 

表 3-7 Operator 属性 设置 及 说 明 


Operator 属性 说 明 
Equal 当 两 个 值 相等 时 ,验证 通过 
NotEqual 当 两 个 值 不 相等 时 ,验证 通过 
GreaterThan 当 被 验证 控件 的 值 大 于 指定 的 值 或 指定 控件 的 值 时 ,验证 通过 
GreaterThanEqual 当 被 验证 控件 的 值 大 于 等 于 指定 的 值 或 指定 控件 的 值 时 ,验证 通过 
LessThan 当 被 验证 控件 的 值 小 于 指定 的 值 或 指定 的 控件 的 值 时 ,验证 通过 
LessThanEqual 当 被 验证 控件 的 值 小 于 等 于 指定 的 值 或 指定 控件 的 值 时 ,验证 通过 


@ RangeValidator 控件 。RangeValidator 控件 称 为 范围 验证 控件 , 它 可 以 用 来 验证 相 
关联 的 输入 控件 的 值 是 否 在 指定 范围 内 。 可 以 通过 RangeValidator 验证 控件 的 
MaximumValue 和 MinimumValue 属性 来 指定 值 的 范围 。 

@ RegularExpressionValidator 控件 。RegularExpressionValidator 控件 称 为 正则 表达 
式 验 证 控件 , 它 将 检验 被 验证 控件 的 值 是 否 与 指定 的 正则 表达 式 相 匹配 。 如 果 匹 配 , 则 通过 
验证 ; 否则 ,验证 不 通过 。 使 用 这 种 验证 控件 ,可 以 检查 指定 的 字符 串 序列 是 否 与 指定 的 模 
式 相 匹配 ,例如 E-mail 地 址 、 电 话 号 码 和 邮政 编码 的 格式 是 否 正确 等 。 


@ CustomValidator 控件 。 除 了 以 上 4 种 常用 的 验证 控件 外 ,ASP.NET 还 支持 自 定 
义 验 证 控件 , 自 定义 验证 使 用 CustomValidator 控件 实现 。 使 用 这 个 控件 ,用 户 可 以 自 定义 
输入 控件 的 验证 过 程 。 

自 定义 验证 控件 的 客户 端的 验证 是 通过 一 个 ClientValidationFunction 属性 来 实现 的 ， 
这 个 属性 用 来 指定 自 定义 验证 控件 的 客户 端 验证 函数 的 名 称 。 

自 定义 验证 控件 的 服务 器 端的 验证 过 程 是 通过 响应 它 的 ServerValidate 事件 来 实现 
的 ,该 事件 参数 中 包含 两 个 属性 : 

IsValid 属性 : 表示 验证 过 程 是 否 通过 。 如 果 通 过 , 则 在 事件 处 理 方法 中 把 这 个 属性 设 
为 True; 否则 设置 为 False。 

Value 属性 : 可 以 通过 这 个 属性 来 获取 被 验证 的 值 。 

@ ValidationSummary 控件 。ValidationSummary 控件 用 来 总 结 页 面 中 的 所 有 验证 错误 ， 
然后 直接 在 页 面 中 或 者 通过 一 个 消息 框 来 集中 地 显示 它们 。 可 以 通过 ValidationSummary 控 
件 的 DisplayMode 属性 指定 错误 信息 的 显示 方式 ,显示 方式 有 表 3-8 所 示 的 三 种 方式 ,其 中 
Bulletlist 为 默认 方式 。 


表 3-8 ”ValidationSummary 控件 的 显示 方式 


显示 方式 说 明 
Bulletlist 以 项 目 符号 列表 的 方式 显示 页 面 中 的 所 有 验证 控件 的 错误 信息 
List 列表 的 方式 显示 页 面 中 的 所 有 验证 控件 的 错误 信息 
SingleParagraph 在 一 个 段落 中 显示 页 面 中 的 所 有 验证 控件 的 错误 信息 


ValidationSummary 控件 的 EnableClientScript 属性 用 来 指定 是 否 生成 客户 端的 显示 
脚本 ; Forecolor 属性 用 来 指定 显示 错误 信息 所 使 用 的 颜色 ; header text 属性 用 来 指定 标题 
头 ; 而 ShowMessagebox 和 ShowSummary 属性 则 用 来 指定 通过 消息 框 显示 错误 信息 还 是 
直接 在 页 面 显 示 错 误 信息 ,可 以 把 这 两 个 属性 都 设置 为 True, 同 时 使 用 两 种 方式 显示 错误 
信息 。 

通过 上 面 的 介绍 ,了 解 了 ASP.NET 中 验证 控件 的 使 用 方法 ,下 面 就 可 以 按照 本 项 目 任 
务 要 求 ,为 用 户 注册 页 面 添加 验证 。 


3.4 项 目 实 施 


在 接 下 来 的 内 容 里 ,将 介绍 子 任务 的 实现 过 程 。 项 目 实 施 过 程 分 解 为 如 下 的 3 个 任务 ， 
每 个 任务 由 若干 步 完 成 。 


3.4.1 任务 3-1 创建 使 用 文本 框 . 单 选 按钮 .按钮 能 响应 按钮 
事件 的 页 面 


1. 任务 介绍 
在 这 个 任务 中 ,计划 设计 一 个 用 户 能 简单 填写 信息 ,并 将 信息 提交 到 服务 器 的 页 面 。 


表 3-9 是 目前 在 用 的 一 个 纸 质 样式 的 客户 登记 表 。 
表 3-9 客户 登记 表 


NetBook 客户 登记 表 
姓名 性 别 
出 生日 期 身份 证 
手机 电话 
E-mail 
地 址 
备注 


计划 将 该 表 设 计 成 交互 式 的 网 页 ,用 户 可 以 通过 页 面 填写 自己 的 个 人 信息 ,并 将 信息 提 
交 到 服务 器 上 。 


2. 任务 分 析 


首先 根据 表格 设计 对 应 的 数据 库 表 ,并 且 根 据 网 络 的 应 用 特点 ,增加 了 用 户 名 和 密码 两 
个 字段 。 接 着 要 做 的 就 是 设计 一 个 类 似 注 册 的 界面 ,并 编写 获取 信息 并 存储 到 数据 库 的 
代码 。 

(1) 设计 交互 页 面 。 在 解决 方案 的 Web 文件 夹 中 新 建 一 个 页 面 ,打开 该 文件 的 设计 界 
面 ,然后 从 “工具 箱 ” 的 “标准 ”选项 卡 中 选择 相应 的 控件 添加 到 设计 界面 中 ,如 图 3-6 所 示 。 


UserBegister aspx cs VserRegister. aspr 1 


用 户 名 ， F 
密码 ， 
重复 答 和 密码， 


姓名 ， 
性 别 : 玉田 中 女 
出 生日 期 ， 
身份 证 ， === 
手机 ， ET 
电话 ， | | 
了 -mail， 

| 四 
备注 ， 

加 


注册 


Fabel Message] 


3-6 ”设计 界面 图 


将 密码 和 重复 输入 密码 两 个 文本 框 的 TextMode 属性 设置 为 Password, 将 备注 文本 框 
的 TextMode 属性 设置 为 MultiLine。 

考虑 到 用 户 名 的 字符 串 长 度 最 好 限制 在 20 个 字符 之 内 以 及 密码 的 长 度 限制 在 20 个 字 
符 之 内 ,将 用 户 名 文本 框 的 MaxLength 属性 设置 为 20, 密 码 和 重复 输入 密码 两 个 文本 框 的 


MaxLength 属性 设置 为 20。 
(2) 编写 事件 代码 
界面 基本 设计 好 了 ,下 面 开始 处 理事 件 。 选 中 Button_Reg 按钮 ,双击 鼠标 ,将 会 打开 
UserRegister. aspx. cs 文件 ,并 且 会 自动 添加 Button_Reg _Click 事件 函数 。 在 Button_Reg _ 
Click 事件 中 输入 以 下 代码 ,将 页 面 注册 信息 写 人 数据 库 。 
protected void Button_Reg _Click(object sender, EventArgs e) 
/// 获 取 控 件 中 的 信息 


string ls_username = "", 


ls name="", 


ls_passwordl 


ls_password2 7 
ls_sex = "", 
ls_idcard = "", 
ls_email = "", 
Is 0 s ", 
ls_mobiletel = 
ls memo = ""; 
DateTime ldt_birthday; 
ls_username = TextBox UserName. Text; 
ls_passwordl = TextBox Passwordl.Text; 
ls_password2 = TextBox_ Password2.Text; 
ls name = TextBox Name. Text; 
ls_idcard = TextBox_ IDCard. Text; 
ls email = TextBox E-mail.Text; 
ls tel = TextBox Tel.Text; 
ls_mobiletel = TextBox Mobiletel. Text; 
ls memo = TextBox Memo.Text; 
// 出 生日 期 必须 进行 类 型 转化 
ldt birthday = Convert.ToDateTime(TextBox Birthday. Text); 


mm 


// 判 断 哪 个 单 选 按钮 被 选中 
if (RadioButton1. Checked) 
ls_sex = " 男 "; 
else if (RadioButton2. Checked) 
ls_sex = " 女 "; 


/// 这 段 代码 用 于 连接 数据 库 , 并 将 获取 的 用 户 信息 保存 到 用 户 表 中 

SqlConnection con = new SqlConnection(); 

try 

{ 
con. ConnectionString = " Server = localhost; DataBase = NetBook; Integrated 
Security= True"; 
con. Open( ); 


SqlCommand command = new SqlCommand( ) ; 
command. Connection = con; 


command. CommandText = insert into t _ user (username, password, name, sex, 
birthday, idcard, email, tel, mobiletel, memo) values ( @ username, (@ password, @ name, @ sex, 


@birthday, @ idcard, @email, @tel, @mobiletel, @memo)"; 


command. Parameters. Add( " @userName", SqlDblype. VarChar, 20).Value = ls username; 
command. Parameters. hdd("@password"，SqlDbTYpe. VarChar, 20).Value = ls_passwordl; 
command. Parameters. Add("@name", SqlDbType. VarChar, 20).Value = ls_name; 
command. Parameters. Add("@sex", SqlDbType.Char, 2).Value = ls_ sex; 

command. Parameters. Add( " @birthday", SqlDbType.DateTime). Value = ldt birthday; 
command. Parameters. Add( "@ idcard", SqlDbType.Char, 18).Value = ls_idcard; 
command. Parameters. Add("@email", SqlDbType. VarChar, 100).Value = ls_email; 
command. Parameters. Add("@tel", SqlDbType. VarChar, 20).Value = ls _tel; 
command. Parameters. Add( "@mobiletel", SqlDbType. VarChar，20). Value = ls mobiletel; 
command. Parameters. Add("@memo", SqlDbType. VarChar, 500).Value = ls_memo; 
command. ExecuteNonQuery( ); 


Label Message. Text = "注册 成 功 !"; 


} 
catch (Exception ee) 
{ 
Label_Message. Text = "注册 失败 !"; 
} 
finally 
{ 


con. Close( ); 
} 
} 


运行 页 面 ,在 界面 中 输入 信息 , 单 击 按钮 ,查看 运行 结果 。 

3. 任务 完成 总 结 

本 任务 中 主要 介绍 使 用 文本 框 , 单 选 按 钮 .按钮 等 简单 控件 来 实现 交互 式 页 面 。 需 要 理 
解 ASP.NET 服务 器 控件 是 运行 在 服务 器 上 的 组 件 , 它 封装 了 相应 的 用 户 界 面 和 相关 功能 ， 
可 以 在 ASP.NET 页 面 文件 和 后 台 代码 文件 中 使 用 。 要 重点 掌握 事件 的 处 理 方式 。 

4. 课堂 训练 与 拓展 


根据 这 个 任务 的 设计 过 程 ,设计 一 个 添加 图 书信 息 的 交互 式 页 面 。 
3.4.2 任务 3-2 创建 带 验证 的 页 面 


1. 任务 介绍 


任务 3-1 中 设计 的 交互 式 页 面 基 本 能 达到 所 要 求 的 目标 。 但 是 在 实际 使 用 过 程 中 输入 
身份 证 号 码 .邮政 编码 .日 期 或 者 电子 邮件 地 址 等 信息 时 , 常 因为 疏忽 会 将 信息 输 错 , 例 如 把 
数字 “0” 输 入 成 字母 “0”, 把 数字 “1” 输 成 字母 “1”, 身份 证 号 码 漏 掉 一 位 等 。 因 此 希望 能 改 
进程 序 , 让 计算 机 能 自动 检查 出 这 些 错误 ,并 提醒 用 户 纠正 输入 。 本 任务 中 将 介绍 使 用 验证 
控件 进行 页 面 纠 错 检 验 。 


2. 任务 分 析 


根据 前 期 设计 的 注册 页 面 ,开发 人 员 和 希望 在 输入 身份 证 号 码 .邮政 编码 .日 期 或 者 电子 
邮件 地 址 等 信息 时 ,让 计算 机 能 自动 检查 出 这 些 错 误 ,并 提醒 用 户 纠 正 输入 。 这 样 可 以 减少 
错误 的 客户 信息 存储 到 后 台数 据 库 中 ,此 外 也 可 以 间接 帮助 客户 更 好 地 完成 信息 录入 ,起 到 
提示 向 导 的 作用 。 依 据 任 务 需求 ,将 要 验证 的 信息 列 成 一 张 表 ,如 表 3-10 所 示 。 


表 3-10 控件 验证 分 析 


验证 对 象 验证 要 求 解决 方案 
用 户 名 不 能 为 空 使 用 RequiredFieldValidator 控件 
密码 不 能 为 空 使 用 RequiredFieldValidator 控件 
必须 和 第 一 次 输入 | 使 用 CompareValidator 控件 ,比较 密码 文本 框 和 重复 输入 密码 
人 的 密码 一 致 文本 框 的 字符 串 是 否 一 致 
姓名 不 能 为 空 使 用 RequiredFieldValidator 控件 
考虑 到 用 户 的 出 生日 期 应 该 和 当前 日 期 有 一 定 的 约束 关系 , 例 
出 生日 其 必须 是 一 个 正确 的 | 如 如 果 现 在 是 2010 年 , 那 用 户 输入 的 年 龄 应 该 在 1910 一 2010 
日 期 格式 年 之 间 比 较 合 理 。 因 此 使 用 RangeValidator 控件 ,验证 日 期 是 
否 在 合理 范围 内 
身份 证 必须 是 一 个 正确 的 | 使 用 RegularExpressionValidator 控件 ,利用 定义 好 的 身份 证 
身份 证 格式 号 码 格 式 
E-mail 必须 是 一 个 正确 的 | 使 用 RegularExpressionValidator 控件 ,利用 定义 好 的 E-mail 
E-mail 格式 格式 


(1) 将 验证 控件 加 入 到 页 面 
依据 表 3-11 的 操作 步骤 将 验证 控件 添加 到 页 面 。 


验证 对 象 


表 3-11 验证 操作 步骤 


操作 步骤 


用 户 名 


。 加 入 RequiredFieldValidator 控件 
. 选择 TextBox_UserName 作为 ControlToValidate 属性 的 值 
.将 ErrorMessage 属性 的 值 设置 为 “用户 名 不 能 为 空 ” 


密码 


.加 入 RequiredFieldValidator 控件 
. 选择 TextBox_Password1 作为 ControlToValidate 属性 的 值 
. 将 ErrorMessage 属性 的 值 设置 为 "密码 不 能 为 空 


重复 输入 密码 


ob on 证 |w nb 


. 加 入 CompareValidator 控件 
. 选择 TextBox_Password2 作为 ControlToValidate 属性 的 值 
.选择 TextBox_Passwordl 作为 ControlToCompare 属性 的 值 , 即 要 求 和 TextBox_ 


Passwordl 的 值 进行 比较 ,由 于 是 比较 两 个 文本 框 的 字符 串 是 否 一 致 ,因此 
Operator 属性 和 Type 属性 保持 默认 设置 
. 将 ErrorMessage 属性 的 值 设置 为 “两 次 输入 的 密码 不 一 致 ” 


姓名 


4 
1. 加 入 RequiredFieldValidator 控件 

2. 选择 TextBox_Name 作为 ControlToValidate 属性 的 值 
3. 将 ErrorMessage 属性 的 值 设置 为 “用 户 名 不 能 为 空 ” 


续 表 


验证 对象 操作 步骤 

. 加 入 RequiredFieldValidator 控件 

. 选择 TextBox_Birthday 作为 ControlToValidate 属性 的 值 

. 考虑 到 比较 的 是 日 期 ,因此 选择 Date 作为 Type 属性 的 值 

. 考虑 到 用 户 的 出 生日 期 应 该 和 当前 日 期 有 一 定 的 约束 关系 ,不 能 把 MaximumValue 属 
性 和 MinimumValue 属性 设置 为 固定 值 ,因此 在 Page_Load 事件 中 加 入 : 
RangeValidatorl. MaximumValue= DateTime. Now. ToShortDateString() ; 
RangeValidatorl. MinimumValue = DateTime. Now. AddYears( 一 100). ToShortDateString(); 

. 将 ErrorMessage 属性 的 值 设置 为 “出 生日 期 值 不 合理 ” 

。. 加 入 RegularExpressionValidator 控件 

. 选择 TextBox_IDCard 作为 ControlToValidate 属性 的 值 

. 单 击 ValidationExpression 属性 设置 对 话 框 ,选择 “中 华人 民 共 和 国 身 份 证 号 码 (ID 
号 )” 作 为 正确 表达 式 的 值 

. 将 ErrorMessage 属性 的 值 设 置 为 身份 证 格式 不 正确 ” 

. 加 入 RegularExpressionValidator 控件 

. 选择 TextBox_IDCard 作为 ControlToValidate 属性 的 值 

. 单 击 ValidationExpression 属性 的 设置 对 话 框 ,选择 “Internet 电子 邮箱 地 址 ”作为 正确 
表达 式 的 值 

4. 将 ErrorMessage 属性 的 值 设置 为 “E-mail 格式 不 正确 ” 


2 ob 


出 生日 期 


wi-|ia 


身份 证 


wo-|a 


E-mail 


加 入 验证 控件 后 的 页 面 设置 效果 如 图 3-7 所 示 。 


重复 办 入 密码 ， 斑 ” ” ” ” ” ”” 阿 次 辆 入 的 密码 不 二 珀 

姓名 ， EE 账 名 不 能 为 守 

性 别 ， sp hsp 

出 生日 期 ， 下 ”生日 期 秆 不 合理 

身份 证 ， 厂 时 HE 格式 不 正确 
一 一 一 一 


电话 ， ES 
E-mail 下 ma 格式 不 正确 
i .| 
备注 : 
到 
9 注册 
Eabel Message] 1 


图 3-7 加 入 验证 控件 的 页 面 设计 界面 


经 过 测试 ,添加 了 验证 控件 的 页 面 基本 达到 了 预期 的 要 求 , 但 是 偶尔 发 现 如 果 密 码 文本 
框 里 输入 字符 串 ,而 在 重复 输入 密码 文本 框 中 如 果 不 输入 内 容 , 验 证 也 能 通过 。 这 说 明文 本 
框 里 没有 内 容 时 ,CompareValidator 验证 控件 是 不 起 作用 的 。 为 了 解决 这 个 应 用 上 的 Bug， 
需要 为 重复 输入 密码 文本 框 再 增加 一 个 用 于 判断 是 否 内 容 为 空 的 RequiredFieldValidator 
控件 ,如 图 3-8 所 示 。 

结果 问题 得 到 了 解决 ,这 说 明 可 以 将 多 个 验证 控件 同时 作用 在 一 个 验证 对 象 上 。 


重复 输入 密码 医 吉 条 入 字 码 不 能 为 本 网 次 辆 入 的 密码 不 一 开 


图 3-8 ”重复 输入 密码 文本 框 对 应 两 个 验证 控件 


(2) 创建 自 定义 验证 

在 设计 注册 用 户 登记 表 时 ,要 求 注册 用 户 的 用 户 名 必须 唯一 ,将 用 户 名 作为 数据 库 中 用 
户 表 的 主键 ,主键 不 允许 出 现 重复 值 。 如 果 新 用 户 在 注册 时 使 用 的 用 户 名 与 已 注册 过 的 用 
户 的 用 户 名 相同 ,这 将 导致 用 户 注册 失败 。 由 于 验证 用 户 名 是 否 重复 需要 涉及 访问 数据 库 ， 
并 且 需 要 设计 一 段 验证 的 代码 ,之 前 用 的 验证 控件 无 法 胜任 ,因此 可 以 使 用 自 定义 验证 控件 
CustomValidator 进行 解决 。 

在 用 户 名 文本 框 后 加 入 一 个 CustomValidator 控件 ,如 图 3-9 所 示 。 


用 记名 记 ” ”” 列 户 名 不 能 为 信 开户 各 忆 入 洗 觅 


图 3-9 加 入 用 户 自 定义 控件 


选择 文本 输入 控件 TextBox_ UserName 作为 ControlToValidate 属性 的 值 。 将 
ErrorMessage 属性 的 值 设 置 为 “用 户 名 已 被 注册 ”。 
在 CustomValidator 控件 的 事件 中 选择 ServerValidate 事件 ,加 入 如 下 验证 代码 : 


protected void CustomValidator1l_ServerValidate(object source, ServerValidateEventArgs args) 
{ 
SqlConnection con = new SqlConnection(); 
try 
{ 
con. ConnectionString = "Server = localhost;DataBase= NetBook; Integrated Security = True"; 
con. Open( ); 
SqlCommand command = new SqlCommand( ) ; 
command. Connection = con; 
command. CommandText = "select count( * ) from t_user where username = @userName"; 
command. Parameters. Add("@userName", SqlDbType. VarChar, 20).Value = args. Value; 


int n= (int)command. ExecuteScalar( ); 
// 如 果 n> 0 表示 数据 库 里 已 经 有 该 用 户 名 的 记录 ,因此 验证 结果 设置 为 假 , 否则 验证 结果 设置 为 真 
if(n>0) 
args. IsValid= false; 
else 
args. IsValid = true; 
} 
catch (Exception ee) 
1 
args. IsValid = false; 
} 
finally 
{ 
con. Close(); 
} 
} 


在 注册 按钮 的 事件 中 加 入 一 段 页 面 内 的 验证 是 否 都 通过 的 代码 : 


protected void Button Reg Click(object sender, EventArgs e) 
' 

if (Page. IsValid == false) 

{ 

return; 

} 

// 下 面 代码 省 略 
由 


至 此 ,验证 用 户 名 是 否 重 复 的 问题 得 以 解决 。 

(3) 验证 控件 测试 

从 三 个 方面 来 测试 验证 控件 : 不 输入 任何 信息 ,输入 错误 信息 ,输入 重复 用 户 名 。 

Q@ 什么 都 不 输入 ,验证 结果 如 图 3-10 所 示 。 

@ 输入 错误 密码 或 输入 错误 的 出 生日 期 .身份 证 .E-mail 等 信息 ,验证 结果 如 图 3-11 所 示 。 


用 户 注册 
用 户 名 ， 用 户 名 ， fom 
密码 ， 多 了， Pee 
重复 输入 密码 ，[ 一 一 一 一 一 重复 输入 容 码 不 能 为 全 重复 输入 密码 ， [eee 两 次 输入 的 密码 不 一 致 
姓名 ， 站 姓名 不 能 为 补 姓名 ， 隆 
性 别 ， < 图 c 女 El EE 
出 和 期， 厂 一 一 一 一 出 生 H 期 ， FT 出 生日 期 值 不 合理 
NNE 天 一 身份 证 ， Fn 身份 证 格式 不 正确 
手机 ， = 手机 
电话 ， Ee 
E-mail | E-mail [aaaaaa E-mai 属 式 不 正确 
备注 各 注 ， 
到 习 
图 3-10 不 输入 任何 内 容 的 验证 测试 图 3-11 输入 错误 信息 的 验证 


@ 输入 数据 库 中 已 有 的 用 户 名 ,验证 结果 如 图 3-12 所 示 。 


用 户 注册 

用 户 各 fom “用户 名 已 被 注册 
密码 ， [二 
重复 输入 密码 : 
姓名 ftom 
性 别 : 个 男 C 女 
出 生日 期 ， Pa 
身份 证 : | 
手机 ， l= 
电话 : EE 
E-mail: | 

一 一 一 一 到 
备注 : 

习 
注册 


图 3-12 重复 用 户 名 验证 


3. 任务 完成 总 结 


在 网 站 中 ,对 输入 数据 进行 校 验 是 最 常用 的 技术 之 一 。 在 ASP.NET 2.0 中 , 校 验 工 作 
在 服务 器 端 进行 ,在 可 能 的 情况 下 ,将 自动 调用 客户 端 验证 作为 补充 ,以 减少 错误 信息 在 网 
络 上 往返 的 次 数 ,提高 使 用 效率 。 

本 任务 介绍 了 常用 的 5 种 验证 控件 ,包括 了 RequiredFieldValidator .CompareValidator、 
RangeValidator、RegularExpressionValidator、CustomValidator。 尽 管 这 些 控件 的 作用 不 
一 样 ,但 是 使 用 方法 却 有 着 很 多 共同 点 ,都 需要 将 属性 指向 被 验证 的 控件 ,指定 错误 发 生 时 
提示 的 语句 , 其 他 属性 的 设置 则 根据 控件 的 作用 不 同 而 有 所 不 同 。 这些 控 件 除 了 
RequiredFieldValidator 控件 外 ,其 他 控件 都 允许 空 的 输入 ,因此 需要 将 此 控件 与 其 他 控件 
一 起 指向 输入 控件 时 ,才能 避免 输入 错误 。 


4. 课堂 训练 与 拓展 


使 用 本 任务 中 学 习 的 验证 控件 ,完善 前 面 设计 好 的 图 书信 息 交 互 式 页 面 ,使 修改 的 页 面 
在 保存 图 书信 息 时 ,能 验证 输入 的 不 规范 信息 。 


3.4.3 任务 3-3 创建 使 用 下 拉 菜 单 . 上 传 控件 的 页 面 


1. 任务 介绍 


在 录入 用 户 的 注册 信息 时 ,希望 能 够 在 客户 的 信息 中 增加 一 个 填写 所 在 省 份 的 信息 栏 ， 
以 便 了 解 客户 的 分 布 情况 。 此 外 ,为 保存 完整 的 用 户 信息 ,希望 能 够 实现 客户 发 送 照片 到 服 
务 器 。 这 两 个 任务 可 以 使 用 下 列 控件 和 文件 上 传 控件 实现 。 

本 任务 中 将 实现 在 客户 的 信息 中 增加 一 个 填写 所 在 省 份 的 信息 栏 ,以 及 实现 客户 发 送 
照片 到 服务 器 的 功能 。 


2. 任务 分 析 


要 增加 一 个 填写 所 在 省 份 的 信息 栏 ,如 果 只 是 增加 一 个 文本 框 ,填写 内 容 应 该 很 容易 实 
现 , 但 是 考虑 到 这 个 信息 将 用 于 统计 各 省 份 的 客户 人 数 , 如 果 随 意 让 用 户 填写 ,将 很 难 统计 
准确 。 例 如 ,用 户 来 自 广东 ,可 能 填写 广东 ,广东 省 、 粤 等 各 种 形式 。 因 此 ,为 规避 上 述 可 能 
出 现 的 情况 ,使 用 下 拉 莱 单 将 所 有 的 省 份 以 选项 的 形式 列 出 ,由 用 户 选择 所 在 省 份 ,这 样 消 
除了 同一 省 份 写法 各 异 的 问题 。 

从 容 户 端 通过 网 络 发 送 照片 到 服务 器 ,可 以 通过 上 传 控件 实现 。 

(1) 使 用 下 拉 菜 单 收集 用 户 省 份 信息 

首先 ,在 用 户 表 中 增加 一 个 省 份 字 段 (state) 。 

然后 ,将 DropDownList 下 拉 控 件 放 入 页 面 中 ,如 图 3-13 所 示 。 打 开 其 Items 属性 , 添 
加 ListItem 项 ,设置 ListItem 项 的 Text 和 Value 属性 为 加 入 的 省 份 名 称 , 如 图 3-14 所 示 。 

最 后 修改 代码 ,我 们 必须 获取 下 拉 菜 单 的 选中 项 ,并 和 其 他 信息 一 起 保存 到 数据 库 , 添 
加 的 获取 下 拉 莱 单 的 选中 项 部 分 如 下 : 


二 mal 壤 式 不 正确 


9 注册 


3-13 ”加 入 DropDownList 控件 的 页 面 


ListItes 集合 篇 辑 器 Jy 


图 3-14 添加 省 份 选项 


string ls_state; 

ls_state = DropDownList1. SelectedItem. Value; 

(2) 使 用 上 传 控件 

首先 ,在 用 户 表 中 增加 一 个 照片 字段 (photo) 。 

然后 ,将 上 传 控件 .按钮 以 及 两 个 标签 放 入 页面 中 ,如 图 3-15 所 示 。 按 钮 的 作用 是 单 击 
以 后 可 以 触发 执行 上 传 图 片 的 事件 。 第 一 个 标签 "Label_Upload"* 用 于 显示 上 传 是 否 成 功 的 
信息 ; 第 二 个 标签 “Label_FileName” 用 于 记录 上 传 后 的 文件 名 ,以 便 在 单 击 “ 注 册 ” 按 钮 保 
存 信息 时 ,可 以 通过 该 标签 获取 文件 名 称 。 由 于 “Label_FileName” 标 签 只 是 起 到 操作 过 程 
中 记录 文件 名 的 作用 ,因此 将 它 的 Visible 属性 设置 为 False。 


备注 ， 
| 
上 传 图 片 ， F El 呈 传 ave vreioad] label FicName] 
9 注册 
Eabel Message] 


3-15 加 入 FileUpload 控件 的 页 面 


接 下 来 编写 单 击 " 上 传 ? 按 钮 的 事件 代码 ,如 下 : 


protected void Button Upload Click(object sender, EventArgs e) 
{ 

try 

{ 


// 上 传 文件 的 文件 名 ( 含 完整 路 径 ) 
string fileName = FileUploadl.PostedFile.FileName; 


// 上 传 文件 的 大 小 (byte) 
int fileLength = FileUpload1. PostedFile. ContentLength; 


// 取 文件 的 扩展 名 
string fileType = fileName.Substring(fileName.LastIndexOf(@".")); 


// 考 虑 到 要 用 户 上 传 的 文件 名 有 可 能 会 同名 , 导致 前 面 的 文件 被 覆盖 ,我 们 可 以 将 文件 名 重 
新 设置 成 利用 时 间 函 数 创建 的 唯一 名 称 
string Randname = DateTime. Now.'bString ("yyyyMMddhhmmss") + DateTime.Now.Ticks.TbString(); 


// 完 整 的 新 文件 名 
string newfileName = Randname + fileType; 


// 使 用 Saveas 方法 ,将 文件 保存 在 项 目 路 径 \upload 目录 下 
FileUpload1. PostedFile. SaveAs (HttpRuntime. AppDomainAppPath + @"\upload\" + 
newfileName); 


Label FileName.Text = newfileName; 
Label_Upload. Text = "成 功 上 传 文件 : ”+ fileName + ", 文 件 大 小 : " + fileLength + 
" 字 节 ,”+ "文件 类 型 : " + FileUpload1.PostedFile. ContentType; 


} 
catch (Exception ee) 
{ 
Label_Upload. Text = "上 传 文件 失败 "; 
} 
} 


运行 页 面 , 先 上 传 图 片 再 输入 信息 , 单 击 按钮 ,查看 运行 结果 。 
3. 任务 完成 总 结 


本 任务 主要 介绍 了 使 用 下 拉 控 件 和 上 传 控件 实现 一 个 较 复杂 的 页 面 。 读 者 在 学 习 了 
DropDownList 后 可 以 试 着 使 用 ListBox、 es BulletedList 等 
控件 ,因为 这 些 控件 和 DropDownList 有 着 类 似 的 特性 和 功能 。 


4. 课堂 训练 与 拓展 
在 图 书信 息 的 交互 式 页 面 中 加 入 能 选择 图 书 种 类 的 下 拉 菜 单 ,以 及 增加 一 个 可 以 上 传 
图 书 封面 图 片 的 功能 。 
3.5 项 目 总 结 


本 项 目 结合 实际 任务 介绍 了 常用 的 Web 服务 器 控件 使 用 方法 。Web 服务 器 控件 中 主 
要 介绍 了 Label 控件 .TextBox 控件 .RadioButton 控件 .Button 控件 .DropDownList 控件 、 


FileUpload 控件 以 及 常用 的 6 种 验证 控件 ,包括 RequiredFieldValidator 控件 .CompareValidator 
控件 、RangeValidator 控件 、RegularExpressionValidator 控件 、CustomValidator 控件 、 
ValidationSummary 控件 。 由 于 任务 要 求 的 限制 ,其 他 Web 服务 器 控件 本 案例 中 不 再 介 
绍 ,读者 可 以 查看 一 些 其 他 介绍 控件 使 用 方式 的 配套 书籍 学 习 。 
在 学 习 控 件 使 用 的 方法 上 ,可 以 采取 先 了 解 其 有 何 用 途 , 然 后 学 习 该 控件 的 常用 属性 ， 
学 习 时 可 以 采取 属性 窗口 和 代码 编写 两 种 方式 对 照 进行 ,最 后 要 学 习 控件 的 一 些 重要 事件 。 
本 项 目 要 求 读者 掌握 常用 的 服务 器 控件 的 使 用 方法 。 


3.6 项 目 实 训 


1. 任务 描述 

把 图 书信 息 通过 数据 库 来 管理 ,能 够 在 网 上 添加 图 书信 息 。 
2. 任务 要 求 

QO@ 根据 图 3-16 所 示 创 建 一 张 图 书 表 。 


[ltoond int 4 
boolmane varchar 100 Vv 

加 |Issy varchar Ey v 
uuthor varchar 50 Vv 
Publi sher varchar 50 Vv 

[pbaste datetime 日 V 
price decinal 9 Vv 
picture varchar 500 V 
memo varchar 1000 Vv 

图 3-16 图 书 表 


@ 设计 一 个 添加 图 书 的 页 面 ,其 中 出 版 社 (publisher) 要 求 以 下 拉 菜 单 的 方式 选择 。 

@ 对 书 名 (bookname) 、 出 版 号 (ISBN)、 出 版 时 间 (pubdate) 、 价 格 (price) 进 行 验 证 ,其 
中 书 名 (bookname) .出 版 号 (ISBN) 不 能 为 空 , 出 版 时 间 (Cpubdate) 必须 是 正确 日 期 ,价格 
(price) 必 须 是 大 于 0 的 数字 。 

@ 能 够 上 传 图 书 封 面 图 片 ,并 将 图 片 文件 名 保存 在 picture 字段 中 。 


实现 网 上 书店 图 书 查询 功能 


4.1 项 目 介 绍 


在 本 项 目 中 ,我 们 将 实现 浏览 图 书 的 信息 和 查阅 特定 图 书 的 功能 ,这 些 图 书信 息 都 保存 
在 SQL Server 数据 库 中 ,因此 本 项 目的 核心 内 容 有 以 下 两 方面 : 

O 联接 数据 库 , 查 询 数 据 库 中 的 有 关内 容 。 

@ 使 用 数据 显示 控件 呈现 数据 。 


4.2 项 目 分 析 


大 多 数 有 组 织 的 数据 都 以 关系 型 数据 库 的 某 种 格式 保存 ,例如 Microsoft SQL Server 
和 Oracle, 这 些 系统 具有 可 伸缩 性 、 健 壮 性 以 及 可 管理 等 特性 ,可 以 支持 最 大 和 最 繁忙 的 
Web 站 点 。 

网 上 书店 的 业务 信息 都 存放 在 SQL Server 数据 库 NetBook 中 , 它 以 一 个 图 书 销售 公 
司 为 模型 ,内 容 完整 ,本 书 以 后 对 数据 库 的 访问 部 分 ,就 以 它 为 例子 。 

表 4-1 列 出 了 NetBook 数据 库 的 所 有 用 户 表 ,主要 有 表示 书籍 的 t_book、 表 示 用 户 的 
t_user\ 表 示 目 录 的 t_category 等 。 表 4-2 一 表 4-4 分 别 列 出 了 表 t_user、t_book、 和 t_category 
的 定义 。 


表 4-1 数据 库 NetBook 中 的 用 户 表 


库 名 表 名 功能 说 明 
t_user 存储 用 户 信息 
t_address 用 于 记录 客户 的 地 址 信息 
T_appraise 记录 客户 的 评价 信息 
t_book 记录 书籍 的 详细 信息 
t_category 存储 图 书 的 种 类 

NetBook t_cart 存储 购物 车 信息 
t_order 存储 用 户 订单 信息 
t_orderdetail 存储 订单 详细 信息 
t_research 存储 调查 信息 
t_SecondCategory 用 于 存储 图 书 种 类 信息 
t_news 存储 图 书 新 闻 信 息 


续 表 

库 名 表 名 功能 说 明 

t_ researchItem 用 于 记录 用 户 调查 的 详细 信息 

t_consultation 用 于 记录 用 户 询问 相关 情况 的 信息 

P_Group 用 户 组 
NetBook P_GroupMenu 组 对 应 的 菜单 

P_LoginUser 登录 用 户 

P_Menu 菜单 列表 

P_UserGroup 用 户 信息 

表 4-2 t_user 表 的 定义 
表 名 : t_user( 用 户 基本 信息 ) 

列 名 描 述 数据 类 型 (精度 范围 ) 空 / 非 空 唯一 描述 

name 用 户 真实 姓名 Varchar(20) 非 空 

password 用 户 密码 Varchar(20) 非 空 

Sex 性 别 Char(2) 非 空 

birthdate 出 生日 期 Datetime(8) 

email 电子 邮件 Varchar(100) 

tel 联系 方式 Varchar(20) 非 空 

address 收 货 地 址 Varchar(50) 非 空 

mobiletel 手机 号 码 Varchar(20) 

memo 备注 Varchar(500) 

zipcode 邮政 编码 Char(6) 

receiver 收 货 人 Varchar(20) 

其 他 说 明 Primary Key: name 

表 4-3 t_book 表 的 定义 
表 名 : t_book( 图 书 基本 信息 ) 

列 名 描述 数据 类 型 (精度 范围 ) 空 / 非 空 唯一 | 约束 条 件 
bookid 图 书 ID Int(4) 非 空 唯一 
bookname 图 书 书 名 Varchar(20) 非 空 
ISBN 书 出 版 号 Varchar(50) 
author 作者 Id Int(4) 非 空 唯一 
publisher 出 版 社 Varchar(50) 
pubdate 出 版 时 间 Datetime(8) 
price 价格 Money(8) 非 空 
NetBookprice 网 价 Money(8) 

Picture 片 Varchar(500) 
memo 备注 Varchar(1000) 
recommendFlag 是 否 推荐 Bit(1) 
recommendDate 推荐 日 期 Datetime(8) 
recommendMemo 推荐 备注 Varchar(1000) 
amount 图 书库 存 Int(4) 


续 表 

列 名 描 述 数据 类 型 (精度 范围 ) 空 / 非 空 唯一 “| 约 东 条件 

NetBookDate 上 架 时 间 Datetime(8) 
secondCategoryld 种 类 编号 Int(4) 
CategoryId 种 类 Id Int(4) 
discount 折扣 Money(8) 
Primary Key: bookid 
其 他 说 明 Foreign Key: AuthorId,CategoryId 
表 4-4 t_category 表 的 定义 
表 名 : Category( 图 书 种 类 ) 

列 名 描述 数据 类 型 (精度 范围 ) 空 / 非 空 唯一 描述 
CategoryId 图 书 种 类 ID Int(4) 非 空 唯一 
CategoryName 种 类 名 称 Varchar(50) 非 空 

其 他 说 明 了 Primary Key: CategoryId 


本 项 目的 核心 任务 是 联接 数据 库 和 显示 数据 。 对 于 联接 到 SQL Server 数据 库 ,我 们 可 
以 使 用 控件 SqlDataSource 来 实现 ,而 控件 GridView 是 显示 数据 的 典型 工具 ,提供 了 非常 
丰富 且 强 大 的 功能 。 


4.3 相关 知识 


1. 数据 库 连 接 控件 SqlDataSource 


通过 使 用 数据 源 控 件 和 数据 绑 定 技术 ,可 以 非常 方便 地 访问 数据 库 , 在 页 面 上 显示 其 中 
的 数据 ,或 者 编辑 ,增删 数据 记录 。 
数据 源 控件 即 是 封装 了 数据 库 操作 功能 的 可 视 组 件 ,包括 : 
。 SqlDataSource: 这 个 控件 可 以 让 我 们 连接 到 任何 具有 ADO .NET 数据 提供 程序 的 
数据 源 ,包括 SQL Server,Oracle 和 其 他 ODBC 数据 源 。 即 使 不 写 任何 数据 访问 代 
码 , 也 能 方便 地 使 用 这 个 数据 源 控 件 , 它 也 是 本 书 介绍 的 重点 。 

。 ObjectDataSource: 这 个 控件 可 以 让 我 们 连接 到 一 个 自 定 义 数据 访问 类 ,通常 在 大 
型 网 站 中 使 用 。 

。 XmlDataSource: 这 个 控件 可 以 让 我 们 连接 到 一 个 XML 文件。 

。 SiteMapDataSource: 这 个 控件 可 以 让 我 们 连接 到 Web. Sitemap 文件 ,对 整个 网 站 

提供 导航 结构 。 

在 Visual Studio 工具 箱 的 Data 面板 中 可 以 找到 所 有 与 数据 相关 的 控件 。 

要 了 解 在 ASP.NET 2. 0 中 ,如 何 通过 Web 页 面 访问 数据 库 , 我 们 首先 需要 了 解 
ASP.NET 2.0 是 如 何 对 数据 进行 处 理 的 ,图 41 以 SqlDataSource 控件 为 例 ,给 出 了 
ASP .NET 2.0 中 的 数据 处 理 架 构 。 

由 图 4-1 可 以 看 出 ,ASP.NET 2.0 使 用 SqlDataSource 控件 作为 Web 页 面 与 数据 库 联 


Web 页 面 上 的 控件 


GridView DetailsView | |DropDownList DataList 
Repeater GridView CheckBoxList AdRotator 


绑 定 DataBind 
SqlDataSource 控 件 数据 绑 定 DataBin 
Parameter 源 
Control | [ QueryString | | Cookie | [ Session | [ Form Profile 


必 读 取 参数 内 容 攻读 取 参 数 内 容 几 读 取 参 数 内 容 
SelectParameter | | UpdateParameter | | InsertParameter || DeleteParameter 
SelectCommand | |UpdateCommand | | InsertCommand || DeleteCommand 


个 读 取 数据 几 更 新 数据 用 添 加 数据 。 几 删 除数 据 


数据 库 
SQL Server Access Oracle ] Others 


图 4-1 ASP.NET 2.0 中 数据 处 理 架 构 


系 的 桥梁 ,使 得 我 们 在 程序 中 访问 数据 库 时 ,不 必 考 虑 * 如 何 访问 ”的 问题 ,而 可 以 专注 于 解 
决 “ 访 问 什 么 ”的 问题 。SqlDataSource 控件 提供 了 Web 页 面 与 数据 库 联系 的 双向 功能 ， 
Web 控件 可 以 通过 数据 绑 定 命令 与 SqlDataSource 控件 关联 ,而 SqlDataSource 控件 可 以 通 
过 SelectCommand UpdateCommand InsertCommand DeleteCommand 对 各 种 数据 库 进 行 
相应 操作 。 

在 .aspx 文 件 中 ,数据 源 控件 就 和 普通 控件 一 样 出 现 ,例如 : 


<asp:SqlDataSource ID = "SqlDataSourcel" runat = "server" ... /> 


在 SqlDataSource 控件 中 ,特别 要 关注 的 就 是 连接 字符 串 和 SQL 命令 ,它们 都 可 以 通 
过 SqlDataSource 的 配置 向 导 来 设置 ,也 可 以 在 .aspx 文件 中 直接 编写 。 

SqlDataSource 控件 的 连接 字符 串 包 含 了 连接 的 数据 源 名 称 、 安 全 认证 模式 和 用 户 名 密 
码 等 重要 信息 , 它 可 以 在 SqlDataSource 控件 中 显 式 定 义 , 如 下 所 示 : 


<asp:SqlDataSource ID = "SqlDataSourcel" 
runat = "server" 
ConnectionString = "Data Source = localhost; Initial Catalog = MyPubs; Integrated Security = True" 
ProviderName = "System. Data. SqlClient" > 

</asp:SqlDataSource> 


为 了 使 程序 易于 移植 和 修改 ,通常 情况 下 是 把 连接 字符 串 存放 在 配置 文件 web. config 
中 ,SqlDataSource 控件 再 从 中 读 取 。web. config 文件 将 包含 类 似 如 下 示例 的 片段 : 


<configuration> 
<connectionStrings> 
<add name = "HuaLongConnectionString" 
connectionString = "Data Source = localhost; Initial Catalog = NetBook; Integrated Security = True" 


providerName = "System. Data. SqlClient" /> 
</connectionStrings> 
</configuration> 
上 面 的 示例 定义 了 一 个 连接 字符 串 , 它 的 名 字 是 HuaLongConnectionString, 值 是 
“Data Source=localhost; Initial Catalog= NetBook; Integrated Security 一 True”。 有 了 以 上 
的 配置 信息 ,SqlDataSource 控件 就 可 以 直接 使 用 它 了 ,具体 如 下 所 示 : 
<asp:SqlDataSource ID = "SqlDataSourcel" 
runat = "server" ConnectionString= "<% $ ConnectionStrings:HuaLongConnectionString %>" 
a 
</asp:SqlDataSource> 


一 旦 我 们 配置 好 SqlDataSource 的 数据 库 连 接 信息 后 ,下 一 步 就 是 添加 查询 逻辑 , 告 ; 
SqlDataSource 将 要 对 数据 库 作 何 种 操作 。SqlDataSource 使 用 的 查询 迎 辑 , 既 可 以 是 SQL 
语句 ,也 可 以 是 数据 库 中 的 存储 过 程 。 在 这 些 SQL 语句 或 存储 过 程 中 ,还 可 以 使 用 参数 ,这 
些 参数 的 具体 数值 ,可 以 由 控件 .查询 字符 串 Session 状态 等 多 种 形式 来 提供 。 完 整 的 使 用 
SQL 语句 的 SqlDataSource 控件 的 语法 形式 如 下 所 示 : 


<asp:SqlDataSource ID = "SqlDataSourcel" runat = "server" 
ConnectionString = "< 名 $ ConnectionStrings :连接 字符 串 %>" 
DeleteCommand = "DELETE FROM ... WHERE ..." 
InsertCommand = "INSERT INTO ... VALUES ..." 
UpdateCommand = "UPDATE ... SET ... WHERE..." 
SelectCommand = "SELECT ... FROM ... WHERE..." 
< DeleteParameters > 


</DeleteParameters> 
<InsertParameters> 


</InsertParameters> 
< UpdateParameters > 


</UpdateParameters > 
< SelectParameters> 


aa 
</asp:SqlDataSource> 
这 四 种 查询 命令 并 不 是 必需 的 ,在 通常 情况 下 ,我 们 可 能 只 需要 使 用 其 中 的 部 分 功能 ， 
而 省 略 掉 其 他 部 分 。 


2. 数据 显示 控件 DataList 


DataList 控件 以 某 种 格式 显示 数据 ,这 种 格式 可 以 使 用 模板 和 样式 进行 定义 。 
DataList 控件 可 用 于 任何 重复 结构 中 的 数据 。DataList 控件 可 以 以 不 同 的 布局 显示 行 ,如 
按 列 或 按 行 对 数据 进行 排序 。DataList 控件 还 可 以 被 配置 为 允许 用 户 编 辑 或 删除 信息 ,也 
可 以 自 定 义 该 控件 以 支持 其 他 功能 ,如 选择 行 。 


表 4-5 列 出 了 DataList 控件 的 模板 。 


表 4-5 DataList 控件 的 模板 


模 板 名 说 明 
ItemTemplate 必须 定义 ,每 一 项 的 内 容 和 布局 的 默认 定义 
AlternatingItemTemplate 为 每 一 个 间隔 项 提供 内 容 和 布局 (默认 为 ItemTemplate) 
EditItemTemplate 为 当前 正在 编辑 的 项 提供 内 容 和 布局 (默认 为 ItemTemplate) 
SelectedItemTemplate 为 当前 选中 的 行 提供 内 容 和 布局 (默认 为 TtemTemplate) 
FooterTemplate 为 页 脚 提 供 内 容 和 布局 
HeaderTemplate 为 标题 提供 内 容 和 布局 
SeparatorTemplate 为 项 与 项 之 间 的 分 隔 符 提 供 内 容 和 布局 


若 要 在 模板 中 指定 项 的 外 观 , 可 以 设置 该 模板 的 样式 。 例 如 ,我 们 可 以 指定 以 下 样式 : 

。 在 白色 背景 上 用 黑色 文本 呈现 各 项 。 

。 在 浅 灰色 背景 上 用 黑色 文本 呈现 交 蔡 项 。 

。 在 黄色 背景 上 用 黑色 加 粗 文 本 呈现 选 定 项 。 

。 在 浅 蓝 色 背景 上 用 黑色 文本 呈现 正在 编辑 的 项 。 

每 个 模板 支持 其 自己 的 样式 对 象 ,可 以 在 设计 和 运行 时 设置 该 样式 对 象 的 属性 。 

DataList 控件 使 用 HTML 表 对 应 用 模板 的 项 进行 布局 ,从 而 可 以 控制 各 个 表单 元 格 
的 顺序 、 方 向 和 列 数 ,这 些 单元 格 用 于 呈现 DataList 项 。 表 4-6 描述 了 DataList 控件 支持 
的 布局 选项 。 


表 4-6 DataList 控件 支持 的 布局 选项 


布局 选项 说 明 
流 布局 在 流 布局 中 ,列表 项 在 行内 呈现 ,如 同文 字 处 理 文档 一 样 
表 布局 在 表 布局 中 ,列表 项 在 HTML 表 中 呈现 。 由 于 在 表 布局 中 可 以 设置 表单 元 


格 属性 (如 网 格 线 ) ,这 就 为 我 们 提供 了 更 多 可 用 于 指定 列表 项 外 观 的 选项 
默认 情况 下 ,DataList 控件 中 的 项 在 单个 垂直 列 中 显示 。 但 是 ,可 以 指定 该 

垂直 布局 和 水 平 布局 | 控件 包含 多 个 列 。 如 果 这 样 ,可 进一步 指定 这 些 项 是 垂直 排序 (类 似 于 报刊 

栏 ) 还 是 水 平 排列 (类 似 于 日 历 中 的 日 ) 

列 数 不 管 DataList 控件 中 的 项 是 垂直 排序 还 是 水 平 排序 ,我 们 都 可 指定 列表 将 

有 多 少 列 。 这 使 我 们 能 够 控制 网 页 呈现 的 宽度 ,通常 可 避免 水 平 滚动 


DataList 控件 支持 多 种 事件 。 其 中 .ItemCreated 事件 可 以 在 运行 时 自 定 义 项 的 创建 过 
程 。ItemDataBound 事件 提供 了 自 定义 DataList 控件 的 能 力 ,但 需要 在 数据 可 用 于 检查 之 
后 。 例 如 ,如 果 正 使 用 DataList 控件 显示 任务 列表 , 则 可 以 红色 文本 显示 过 期 项 ,以 黑色 文 
本 显示 已 完成 项 ,以 绿色 文本 显示 其 他 任务 。 这 两 个 事件 都 可 用 于 重 写 来 自 模板 定义 的 格 
式 设置 。 

其 余 事件 为 了 响应 列表 项 中 的 按钮 单 击 而 引发 ,这 些 事件 旨 在 帮助 我 们 响应 DataList 
控件 的 最 常用 功能 。 支 持 该 类 型 的 4 个 事件 有 EditCommand、DeleteCommand、 
UpdateCommand 和 CancelCommand。 若 要 引发 这 些 事件 ,可 将 Button、LinkButton 或 
ImageButton 控件 添加 到 DataList 控件 中 的 模板 中 ,并 将 这 些 按钮 的 CommandName 属性 


设置 为 某 个 关键 字 , 如 edit、delete、update 或 cancel。 当 用 户 单 击 项 中 的 某 个 按钮 时 ,就 会 
向 该 按钮 的 容器 (DataList 控件 ) 发 送 事件 。 按 钮 具体 引发 哪个 事件 将 取决 于 所 单 击 按钮 的 
CommandName 属性 的 值 。 例 如 ,如 果 某 个 按钮 的 CommandName 属性 设置 为 edit, 则 单 
击 该 按钮 时 将 引发 EditCommand 事件 。 如 果 CommandName 属性 设置 为 delete, 则 单 击 
该 按钮 将 引发 DeleteCommand 事件 ,以 此 类 推 。 

DataList 控件 还 支持 ItemCommand 事件 , 当 用 户 单 击 某 个 没有 预定 义 命令 (如 edit 或 
delete) 的 按钮 时 将 引发 该 事件 。 我 们 可 以 按照 如 下 方法 将 此 事件 用 于 自 定义 功能 : 将 某 个 
按钮 的 CommandName 属性 设置 为 一 个 自己 所 需 的 值 , 然 后 在 ItemCommand 事件 处 理 程 
序 中 测试 这 个 值 。 


3. 数据 显示 控件 GridView 


GridView 控件 非常 适合 用 来 显示 处 理 表格 数据 , 它 与 SqlDataSource 控件 结合 ,可 以 
完成 大 部 分 数据 处 理 的 工作 , 包 仿 增加、 删除、 修改, 选择 .排序 等 功能 。 在 很 多 情况 下 , 仅 通 
过 添加 各 种 控件 并 设置 好 它们 的 属性 后 ,就 可 以 实现 对 数据 库 的 一 般 访问 。 

GridView 控件 显示 成 一 个 表格 形式 ,外 观 和 样式 可 以 配置 ,图 4-2 展示 了 一 个 典型 的 
例子 。 


But Is Tt User Friendly? popular_comp 站 22.95 选择 | 
Computer Phobic AND Non-Phobic Individuals. Behavior Variations psychology 。 乎 21.59 选择 
Cooking with Computers: Surreptitious Balance Sheets business 站 11.95 选择 | 
Emotional Security- A New Algorithm psychology ”站 7.99 选择 
Fiay Years in Buckingham Palace Kitchens trad_cook 站 11.95 选择 | 
Is Anger the Enemy? psychology ”站 10.95 选择 | 
Life Without Fear psychology ” 羊 7.00 选择 | 
Net Etiquette popular_comp 选择 
Onions, Leeks, and Garlic: Cooking Secrets ofthe Mediterranean 。 trad_cook 六 2095 选择 | 
Prolonged Data Deprivation: Four Case Studies psychology ”站 19.99 选择 | 


图 4-2 典型 的 GridView 控件 
表 中 的 每 一 列 为 一 个 字段 ,最 常见 的 是 由 数据 库 访问 而 得 到 的 绑 定 字段 , 除 此 之 外 还 有 
V 令 字段 按钮 字段 等 , 表 4-7 列 出 了 GridView 控件 中 可 用 的 所 有 字段 。 
表 4-7 GridView 的 字段 


GridView 字段 说 明 
BoundField( 数 据 绑 定 字段 ) 将 数据 以 文字 方式 显示 ,默认 字段 
ButtonField( 按 钮 字段 ) 可 显示 为 PushButton 或 LinkButton, 单 击 产 生 RowCommand 事件 
CheckBoxField(CheckBox 字段 ) | 将 数据 以 CheckBox 控件 方式 显示 ,数据 类 型 为 Boolean 时 适用 
CommandField( 命 令 字段 ) 显示 编辑 、 删 除 、 修 改 ,选择 时 的 按钮 
HyperLinkField( 超 级 链接 字段 ) | 将 数据 以 HyperLink 超 链接 方式 显示 
ImageField( 图 片 字段 ) 将 数据 以 图 片 方式 显示 
TemplateField( 模 板 字段 ) 模板 字段 ,可 将 字段 蔡 换 为 任何 控件 ,并 实现 数据 绑 定 


GridView 控件 根据 字段 的 不 同 ,其 属性 也 不 一 样 ,但 是 有 些 属性 是 相同 的 ,如 表 4-8 
所 示 。 
每 个 字段 可 设置 如 表 4-9 所 示 的 样式 。 


表 4-8 字段 的 共同 属性 表 4-9 字段 的 共同 样式 
共同 属性 说 明 GridView 样式 说 明 
FooterText 表 尾 文字 FooterStyles 表 尾 样式 
HeaderImageUrl 表 头 文字 Url ItemStyles 项 目 样式 
HeaderText 表 头 文字 HeaderStyles 表 头 样式 
SortExpression 设置 排序 字段 ControlStyles 控件 样式 


(1) 使 用 智能 标记 

智能 标记 是 Visual Studio 2005 的 新 增 功能 ,一 些 比较 复杂 的 控件 都 提供 智能 标记 , 通 
过 它 可 以 快速 设置 控件 。 打 开 智 能 标记 有 下 列 两 种 方法 。 

方法 一 : 单 击 图 标 , 打 开 智 能 标记 ,如 图 4-3 所 示 。 


单 击 让 丰 人 
和 iuename putdate mn 加 et 会 出 
abc abc 2007-11-27 0:00:00abc 
abc abc 2007-11-27 0:00:00abc 
abc abc 2007-11-27 00000 abc 
abc abc 2007-11-27 00000 abc 
abe abe 2007-11-27 000.00 abe 


Ss 


EE 


图 4-3 打开 智能 标记 方法 1 


方法 二 : 右 击 ,利用 快捷 菜单 打开 智能 标记 ,如 图 4-4 所 示 。 
如 果 要 关闭 智能 标记 ,只 需要 单 击 设计 界面 的 其 他 地 方 即 可 。 智 能 标记 的 功能 如 图 4-5 
所 示 。 
Wm rr 


abc abc 2007-11-27 0:00:00abc 
abc abc 2007-11-27 0:00:00abc 


0 
1 
2 abc abc 2007-11-27 000001 期 wo 
3 abc abc 2007-11-27 0:00:00;B 香 制 中 
4_ abc abc_2007-11-27 0:00:00:08 
WalteSeuree -Sadetasourcel 
X so 
ek EE 
查看 代码 C) 过 择 数 据 源 - [S91DataSourcel 国 
查看 组 件 设计 器 I) [ET 
在 快捷 菜单 中 选择 “显示 | 纪 EEDHN 到 中 查看 中 的 
智能 标记 ”命令 
[ee | 口 忆 页 
自动 套用 格式 口语 用 排序 
编辑 模板 [) » 口 启用 忽略 
口 B 用 删除 
辐 喇 中 口 自用 这 定 内 容 
恒 内 四 | 


图 4-4 打开 智能 标记 方法 2 4-5 GridView 智能 菜单 


(2) 添加 分 页 功能 


当 用 GridView 控件 显示 数据 时 ,如 果 数 据 行 数 很 多 ,就 会 使 查阅 变 得 很 不 方便 ,此 时 
就 可 以 使 用 分 页 功能 将 所 有 数据 分 页 显示 ,每 次 只 显示 一 页 。 对 GridView 添加 分 页 功能 
非常 简单 ,只 需 在 智能 标记 中 ,选中 “启用 分 页 ” 复 选 框 即 可 。 在 分 页 (PagerSettings) 属 性 组 
中 有 很 多 属性 可 设置 分 页 按钮 的 功能 和 外 观 , 表 4-10 列 出 了 与 分 页 相关 的 主要 属性 。 


表 4-10 分 页 的 主要 属性 


属性 名 称 功 能 属性 名 称 功 能 
AllowPaging 是 否 允许 分 页 NextPageText 下 一 页 文字 
PageIndex 分 页 索引 PageButtonCount 显示 分 页 按钮 的 个 数 
FirstPageImageUrl 切换 第 一 页 图 片 Position 分 页 位 置 
FirstPageText 切换 第 一 页 文字 PreviousPageImageUrl | 上 一 页 图 片 
LastPageImageUrl 切换 最 后 一 页 图 片 PreviousPageText 上 一 页 文字 
LastPageText 切换 最 后 一 页 文字 Visible 是 否 显示 分 页 
Mode 设置 分 页 模式 PageSize 每 一 页 包含 的 记录 数量 
NextPageImageUrl 下 一 页 图 片 


GridView 控件 还 可 以 用 不 同 的 分 页 模式 来 显示 数据 ,这 个 模式 由 Mode 属性 设置 , 具 


体 如 表 4-11 所 示 。 


表 4-11 分 页 模式 
Mode 设置 说 明 图 例 
NextPrevious 只 有 上 一 页 \ 下 一 页 < 
Numeric 只 显示 数字 123456 
NextPreviousFirstLast 显示 第 一 页 、 上 一 页 、 下 一 页 、 最 后 一 页 es 


NumericFirstLast 


显示 上 一 页 .下 一 页 ,数字 


分 页 按钮 的 位 置 由 Position 属性 设置 ,具体 如 表 4-12 所 示 。 


(3) 添加 排序 功能 


GridView 控件 的 排序 功能 使 用 户 只 需 
单 击 GridView 控件 的 字段 标题 ,就 可 以 对 
此 字段 进行 排序 。 选 中 智能 标记 的 “启用 排 
序 ” 复 选 框 , 即 可 添加 排序 功能 。 相 应 的 控件 
属性 是 AllowSorting 和 SortExpression。 
图 4-2 就 是 以 字段 title 进行 排序 的 ,如 果 单 击 “type” 或 “price”, 也 会 相应 修改 排序 字段 。 


(4) 添加 选择 功能 


<<456…>> 


表 4-12 分 页 的 Position 属性 


Position 属性 设置 说 明 
Bottom 显示 在 下 方 

Top 显示 在 上 方 
TopAndBottom 显示 在 上 方 及 下 方 


在 GridView 控件 中 添加 选择 功能 后 ,每 一 行 都 会 出 现 选择 按钮 ,用 户 单 击 行 的 选择 按 
钮 后 会 触发 事件 ,可 以 添加 事件 代码 响应 用 户 的 选择 。 要 对 GridView 控件 添加 选择 功能 ， 
只 需 在 智能 标记 之 内 选中 “启用 选 定 内 容 ” 复 选 框 即 可 。 添 加 了 选择 功能 后 ,系统 会 自动 加 
入 一 个 CommandField, 如 下 列 代 码 所 示 : 


<asp:CommandField ShowSelectButton = "True" /> 


(5) 添加 编辑 功能 
GridView 控件 的 编辑 功能 可 以 让 用 户 编辑 行 ,并 且 更 新 数据 库 中 的 数据 。 选 中 智能 标 
记 内 的 “启用 编辑 " 复 选 框 , 即 可 添加 编辑 功能 。 相 应 地 ,系统 自动 生成 如 下 代码 : 


<asp:CommandField ShowSelectButton = "True" ShowEditButton = "True" /> 


(6) 使 用 TemplateField 模板 字段 

GridView 是 由 一 组 字段 (Field) 组 成 的 ,最 简单 的 字段 类 型 是 BoundField, 它 仅 将 数据 
简单 地 显示 为 文本 。 其 他 的 字段 类 型 使 用 交互 HTML 元 素 (alternate HTML elements) 来 
显示 数据 。 例 如 ,CheckBoxField 将 被 呈现 为 一 个 CheckBox, 其 选中 状态 由 某 特定 数据 字 
段 的 值 来 决定 ; ImageField 则 将 某 特定 数据 字段 呈现 为 一 张 图 片 ,当然 ,这 个 数据 字段 中 应 
该 放 的 是 图 片 类 型 的 数据 。 超 级 链接 和 按钮 的 状态 取决 于 使 用 HyperLinkField 或 
ButtonField 字段 类 型 的 数据 字段 的 值 。 

虽然 CheckBoxField ImageField HyperLinkField 和 ButtonField 考虑 到 了 数据 的 交互 
视图 ,但 它们 仍然 有 一 些 相关 的 格式 化 的 限制 。CheckBoxField 只 可 以 显示 为 一 个 单个 的 
CheckBox, 一 个 ImageField 则 只 可 以 显示 为 一 张 图 片 。 如 果 某 个 字段 要 显示 一 些 文本 、 复 
选 框图 片 还 有 一 些 其 他 基于 不 同 数据 的 内 容 时 ,我 们 要 做 什么 ? 或 者 说 ,如 果 我 们 需要 使 
用 除了 CheckBox、Image、HyperLink 以 及 Button 之 外 的 Web 控件 来 显示 数据 时 ,我 们 该 
怎么 办 ? 此 外 ,BoundField 只 能 显示 一 个 单独 的 数据 字段 。 如 果 我 们 想 要 在 一 个 GridView 
列 中 显示 两 个 或 者 更 多 的 数据 字段 的 值 的 时 候 该 怎么 办 呢 ? 

为 了 满足 这 样 一 种 复杂 的 情况 , GridView 提供 了 使 用 模板 来 进行 呈现 的 
TemplateField。 模 板 可 以 包括 静态 的 HTML、Web 控件 以 及 数据 绑 定 的 代码 。 此 外 ， 
TemplateField 还 拥有 各 种 可 以 用 于 不 同情 况 的 页 面 呈现 的 模板 。 比 如 说 , ItemTemplate 
是 默认 的 用 于 呈现 每 行 中 的 单元 格 的 ,而 EditItemTemplate 则 用 于 编辑 数据 时 的 自 定义 界 
面 。 典 型 的 包含 temTemplate 模板 的 GridView 控件 代码 如 下 所 示 : 

<asp:GridView ID = "GridViewBook" runat = "server" AllowPaging = "True" AllowSorting = "True" 

AutoGenerateColumns = " False" CellPadding = "4" DataKeyNames = "title_id" 
DataSourceID = " SourceBooks" ForeColor = " # 333333" GridLines = " None" 
Width = "440px"> 
< FooterStyle BackColor = " #990000" Font - Bold = "True" ForeColor = "White" /> 
< Columns> 
<asp:BoundField DataField = "title" HeaderText = "title" SortExpression = "title" /> 
<asp:BoundField DataField = "type" HeaderText = "type" SortExpression= "type" /> 
<asp:TemplateField HeaderText = "image"> 
< EditItenTemplate> 
< asp:TextBox ID = "TextBox1" runat = "server" Text = <%# Eval("image") $>'/> 
</EditItemTemplate> 
< ItemTemplate> 
<asp:Image ID= "Image2" runat = "server" 
ImageUrl = '<% # Eval("image", "~\\images\\bookImages\\{0}") %>' 
Height ="50% " Width= "50%" /> 
</ItemTemplate> 
</asp:TemplateField> 
< asp:CommandField ShowSelectButton = "True”> 


< ItemStyle Width = "80px" /> 
</asp:CommandField> 

</Columns> 

< RowStyle BackColor = " # FFFBD6" ForeColor = "#333333" /> 

< SelectedRowStyle BackColor = " #FFCC66" Font ~— Bold= "True" ForeColor = "Navy" /> 

< PagerStyle BackColor = " #FFCC66" ForeColor = "#333333" HorizontalAlign = "Center" /> 

< HeaderStyle BackColor = " #990000" Font - Bold = "True" ForeColor = "White" /> 
<AlternatingRowStyle BackColor = "White" /> 
</asp:GridView> 


4.4 项 目 实 施 


项 目 实施 过 程 分 解 为 4 个 任务 ,每 个 任务 通过 若干 步 完 成 。 在 接 下 来 的 内 容 里 ,将 介绍 
各 任务 的 实现 过 程 。 


4.4.1 任务 4-1 采用 DataList 控件 实现 图 书信 息 浏览 功能 


1. 任务 介绍 


网 上 书店 网 站 需要 一 些 页 面 来 介绍 图 书信 息 。 本 任务 就 是 创建 这 样 的 网 页 ,在 该 网 页 
上 ,用 户 可 以 浏览 所 有 的 图 书信 息 ,包括 书 名 、 作 者 \ 价 格 、 内 容 提 要 等 ,这 些 信 息 以 表格 的 形 
式 展现 , 既 包含 文本 ,也 包含 价格 等 格式 化 数字 。 


2. 任务 分 析 


图 书信 息 存 放 在 数据 库 NetBook 中 ,数据 源 控件 SqlDataSource 负责 查询 和 操作 数据 
库 ,查询 的 结果 就 用 显示 控件 来 展示 。 常 用 的 显示 控件 有 GridView、DataList、DetailsView 
等 ,在 本 任务 中 用 DataList 控件 来 实现 。 因 此 ,本 任务 的 核心 工作 就 是 设置 SqlDataSource 
和 DataList 控件 ,实现 用 SqlDataSource 控件 读 取 数 据 , 用 DataList 控件 显示 数据 。 

(1) 创建 显示 图 书信 息 的 Web 页 面 

首先 ,创建 一 个 存放 有 关 产 品 信息 Web 页 的 文件 夹 products, 这 也 对 应 着 系统 设计 中 
的 一 个 功能 模块 。 在 解决 方案 窗口 的 网 站 名 称 上 右 击 ,在 弹出 的 菜单 中 选择 “新 建文 件 夹 ”， 
取 名 为 products。 在 文件 夹 products 上 右 击 ,在 弹出 的 菜单 中 选择 “添加 新 项 ”, 系 统 弹出 
“添加 新 项 ”对 话 框 ,如 图 4-6 所 示 。 

选择 新 建 Web 窗 体 , 并 将 它 命 名 为 BookInformation. aspx, 确 认 选 中 的 语言 是 Visual 
C# ,并 且 选 中 了 “选择 母 版 页 " 复 选 框 ,然后 单 击 “ 添 加 ”按钮 , 转 到 “选择 母 版 页 ”对 话 框 ,如 
图 4-7 所 示 。 

选中 了 母 版 页 MasterPage. master 后 , 单 击 “ 确 定 ” 按 钮 ,生成 相应 的 Web 窗 体 。 在 设 
计 模 式 下 从 工具 箱 的 “HTML” 控 件 面板 上 拖 放 一 个 表格 Table, 默 认为 三 行 三 列 , 并 将 它 宽 
度 设 为 “100%”。 从 工具 箱 的 “数据 ”控件 面板 上 分 别 拖 放 一 个 DataList 控件 和 一 个 
SqlDataSource 控件 到 Web 窗 体 上 ,如 图 4-8 所 示 。 

至 此 ,我 们 就 创建 了 一 个 准备 用 来 显示 图 书信 息 的 Web 页 面 。 


添加 新 项 - E:\nydocuments\work\courses\AspDotNet\Project\ 


醒 板 加 ) 
Visaal Stadie 已 安装 的 梳 板 
关 Wab 窗 体 口 母 版 页 国 Yeb 用 户 控件 
加 mr 页 ab 服务 国 关 
国术 式 表 划 ] 全 局 应 用 程序 基 读 7eb 配置 文件 
国文 件 国 *L 架构 国文 本 文件 


到 资源 文件 通 sRL 数据库 国 数 拖 集 

对 一 最 处 理 程序 划 让 点 地 图 避 crysta 报表 
辐 seript 文件 梦 和 reh 多 人 图 报表 
int 文件 基 移动 Yeb 用 户 控 件 国 XSLIT 文件 
卫 移 动 reb 配置 文件 车 外 观 文件 和 浏览 器 文件 
出 类 关系 图 


我 的 模板 
[Web 应 用 程序 的 窗 体 
名 称 吕 [BookInformation aspx 


语言 中 Trissa ce 司 加 将 代码 放 在 单独 的 文件 中 到) 
选择 母 版 页 G) 


CJ 


图 4-6 “添加 新 项 ”对 话 框 


选择 母 版 页 
项 目 文件 夹 人 ) 文件 夹 内 容 蕊 ) 
= 了 DERIZTEN asterpage naster 

LD App_Code 
Mpp Dats 
由 司 Mpp_Thenes 
由 回 castener 
由 国 insees 


四 加 tanac* 
自问 Prodaets 


图 4-7 “选择 母 版 页 "对话 框 


[eontent - Content1 ( 自 定义 ) 
1 
Datalist - DataList! 


右 击 或 选择 编辑 模板 "任务 来 编辑 模板 内 容 。 
需要 使 用 ltemTemplate。 


[SqlDataSource - sdDatasourcel 


图 4-8 采用 DataList 显示 图 书信 息 的 Web 页 面 


(2) 设置 SqlDataSource 数据 源 

本 步骤 的 目的 是 配置 数据 源 控件 ,访问 数据 库 以 取得 图 书信 息 。 首 先 单 击 
SqlDataSource 控件 的 智能 按钮 ,在 弹出 的 菜单 中 选择 “配置 数据 源 …”, 打 开 * 配 置 数据 源 ” 
对 话 框 ,如 图 4-9 所 示 。 


配置 数据 源 - SqlDataSourcel 


加 选择 您 的 数据 连接 
应 用 程序 连 拓 数 气 库 应 使 用 哪个 数据 连 控 GD? 
[ 


加 连接 字 符 审 加) 


图 4-9 “配置 数据 源 ” 对 话 框 
单 击 界面 上 的 “新 建 连接 …” 按 钮 ,弹出 “添加 连接 ”对 话 框 ,如 图 4-10 所 示 。 
因为 我 们 要 连接 的 是 SQL Server 数据 库 实例 ,而 不 是 单一 的 数据 库 文件 ,所 以 要 单 击 
“更 改 …” 按 钮 ,弹出 “更 改 数据 源 ” 对 话 框 ,如 图 4-11 所 示 。 


SN Te rs 


数据 产 G) 
上 SQL Server 数据 库 文件 Galclient)] 更 mC) 
数据 库 文 件 名 晰 建 取现 有 名 称 ) D): 


| Go 


性 录 到 服务 器 


加 使 用 Yindows 身份 验证 如) 
加 使 用 SQL Server 身份 验证 @) 


Et SQL Server Mobile Edition | Microsoft SQL Server 2000 
per SQL Server 芍 据 库 文件 
全 地 
六 
| 用 于 SQL Server 的 .NET Frmevork 峡 
口 始 终 使 用 此 过 择 uD 


图 4-10 “添加 连接 ”对 话 框 图 4-11 “更 改 数据 源 ” 对 话 框 


选中 数据 源 列 表 中 的 “Microsoft SQL Server” 选 项 ,确认 数据 源 提供 程序 是 “用 于 SQL 
Server 的 .NET Framework”, 单 击 “ 确 定 ” 按 钮 ,再 回 到 “添加 连接 ”对 话 框 ,如 图 4-12 所 示 。 

在 “服务 器 名 ”下 拉 列 表 中 选择 当前 的 数据 库 服务 器 ,也 可 输入 “localhost”, 紧 接着 在 
“选择 或 输入 一 个 数据 库 名 ”下 拉 列 表 中 选中 要 使 用 的 数据 库 *NetBook”, 单 击 * 测 试 连接 ” 


按钮 ,弹出 测试 结果 对 话 框 ,如 图 4-13 所 示 。 
如 果 一 切 顺 利 , 会 报告 测试 连接 成 功 ,再 单 击 “ 确 定 ” 按 钮 ,返回 “配置 数据 源 ” 对 话 框 的 


“选择 您 的 数据 连接 ?步骤 ,如 图 4-14 所 示 。 


簿 入 信息 以 连接 到 | 选 定 的 数据 着 ， 或 单 击 "更改 选择 另 一 个 数据 源 
和 /或 提供 程序 。 


数据 源 3); 
IMicrosoft SQL Server (SqlClient) 


服务 器 名 (E): 
[60AA95CDCSA7467 


登录 到 服务 器 


回 使 用 windows 身份 验证 (Ww) 
日 使 用 5QL Server 身份 验证 (0) 


连接 到 一 个 数据 库 
回 选择 或 输入 一 个 数据 库 名 (D); 
ET 


日 附加 一 个 数据 库 文件 (H): 


图 4-12 “添加 连接 ”对 话 框 图 4-13 ”测试 结果 对 话 框 


配置 数据 源 一 SqlDataSourcel 


| 选择 您 的 数据 连接 
应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 (1)? 
hinese-fe8fe32. pubs. dbo 


回迁 接 字 符 串 加 ) 
Data Source=CHINESE-FESFE32.Initial Catalo 上 zpubs;Integrated Security=True 


Lr-sw > ] 


图 4-14 “配置 数据 源 ” 对 话 框 的 “选择 您 的 数据 连接 ” 步 又 


单 击 “ 连 接 字符 串 ” 旁 边 的 “十 ”按钮 ,会 弹出 具体 的 连接 字符 串 ,确认 无 误 后 , 单 击 “ 下 一 
步 ” 按 钮 , 进 到 “配置 数据 源 ” 对 话 框 的 “将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 ”步骤 ,如 
图 4-15 所 示 。 

在 “是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ?” 问 题 中 色 选 “是 ,将 此 连接 另存 为 " 复 选 
框 ,在 下 面 的 文本 框 中 输入 “NetBookConnectionString”, 作 为 我 们 保存 在 配置 文件 中 的 连 


配置 狼 括 源 - SqlDataSource1 


将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 


BR 


将 连接 字符 审 : 文件 中 ， 可 简化 维护 和 部 署 。 若 委 格 连接 字符 审 保存 到 应 用 程序 配 
证 和 ， 热 后 单 击 " 下 一 步 "。 如 果 选 择 个 这样 做 ， 则 爱 接 字符 串 格 作为 


是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ? 
贺 是 ,将 此 连接 另存 为 (Y): 
NetBookConnectionString| 


图 4-15 “配置 数据 源 " 对 话 框 的 “将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 ”步骤 


接 字 符 串 的 名 称 。 网 站 的 web. config 文件 中 将 自动 插入 如 下 的 内 容 : 


< add name = " NetBookConnectionString" connectionString = " Data Source = localhost; Initial 
Catalog = netbook; Integrated Security= True"” providerName = "System.Data.SqlClient" /> 


单 击 “ 下 一 步 ” 按 钮 , 进 到 “配置 数据 源 ” 对 话 框 的 “配置 Select 语句 ”步骤 ,如 图 4-16 
所 示 。 
了 配置 数 磊 源 - SqlDataSource1 


中 msseeei 


希望 如 何 从 数据 库 中 检索 数据 ? 
) 指定 自 定义 SQL 语句 或 存储 过 程 (3) 


SELECT [author] [price], [memol], [pubdate], [publisher], [bookname], [1SBN] FROM [t_book] 


EE- EF > 


4-16 “配置 数据 源 ” 对 话 框 的 “配置 Select 语句 ”步骤 


选中 “指定 来 自 表 或 视图 的 列 " 单 选 按钮 “名 称 ” 下 拉 列 表 列 出 了 当前 数据 库 中 可 用 的 
表 或 视图 ,从 中 选择 存储 图 书信 息 的 表 t_book., 下 面 的 “ 列 ” 选 项 区 列 出 了 t_book 表 中 的 全 


部 字段 , 按 图 4-16 所 示 勾 选 所 需 的 字段 ,然后 单 击 “ 下 一 步 ” 按 钮 , 进 到 “配置 数据 源 ” 对 话 框 
的 “测试 查询 ”步骤 ,如 图 4-17 所 示 。 


配置 数 括 源 - SqlDataSource1 


| 测试 查询 


车 要 预览 此 数据 源 返回 的 数 需 ,请 单 击 " 讽 试 查询 "。 若 要 结束 此 向 导 ， 请 单 击 ' 完 成 “。 


Pre mem 习 
23.0000 | 明 朝 历史 上 的 最 后 一 位 皇帝 ， 自 来 下 
25.0000 记 今 礁 一 一 部 语种 超过 《对 经》 的 
16.0000 一 座 百年 者 屋 ， 见 证 几 代 因 仇 ; 两 1 
34.0000 A EE 


DD 一 


SELECT 语句 (U; 
SELECT [author] [price] [memol [pubdate], [publsher], [bockname] [1SBN] FROM [t_booh 


| 沈 或 @ |， | 取消 


图 4-17 “配置 数据 源 ? 对 话 框 的 “测试 查询 步骤 


在 图 4-17 中 ,SELECT 语句 ?下方 列 出 了 当前 系统 根据 设置 自动 生成 的 SELECT 查 
询 语句 。 为 了 测试 它 的 效果 , 单 击 * 测 试 查询 ”按钮 ,系统 以 表格 形式 返回 了 SELECT 语句 
的 查询 结果 ,这 正 是 我 们 配置 SqlDataSource 控件 的 预期 目的 ,至 此 ,SqlDataSource 控件 就 
配置 完成 了 。 

(3) 设置 DataList 控件 

配置 好 SqlDataSource 控件 后 ,我们 就 要 设置 DataList 控件 来 显示 查询 到 的 数据 。 首 
先 , 单 击 DataList 控件 的 智能 按钮 ,弹出 “DataList 任务 ”菜单 ,如 图 4-18 所 示 。 


[cm ~ Content1 ( 自 定义 ) 


| DataListl 


| 右 击 或 选择 "山名 模板 "任务 来 编 句 模板 内 容 。 
| 需要 使 用 上 ¥ 


[SqlDataSource - SqDatasourcel 


图 4-18 “DataList 任务 ”菜单 


“选择 数据 源 ” 下 拉 列 表 列 出 了 当前 可 用 的 全 部 数据 源 , 选择 先前 配置 好 的 
“SqlDataSourcel”。 由 于 选择 了 数据 源 , 系统 根据 所 选 数 据 源 控件 的 配置 情况 ,设置 
DataList 控件 的 默认 显示 内 容 . 如 图 4-19 所 示 。 

DataList 控件 的 默认 显示 内 容 列 出 了 数据 源 控件 SqlDataSource 的 查询 命令 所 返回 的 
全 部 数据 ,以 数据 库 中 表 的 字段 名 作为 显示 字段 名 ,并 且 格 式 采用 简单 流 格式 ,看 起 来 并 不 
美观 。 为 美化 其 外 观 , 单 击 智能 菜单 上 的 “自动 套用 格式 ”项 ,选择 “彩色 型 ", 再 单 击 智 能 菜 


Content - Content1 ( 目 定 久 ) 


ie 04 


| 
| 
hr he | 
| 


[qatasource - sqpaasource! 


图 4-19 DataList 控件 的 默认 显示 内 容 


单 上 的 “编辑 模板 ”项 ,弹出 显示 模板 ItemTemplate, 如 图 4-20 所 示 。 
根据 实际 需要 ,我 们 对 显示 模板 ItemTemplate 中 的 atl -项 
内 容 作 如 图 4-21 所 示 的 调整 。 Bente 
单 击 pubdateLabel 的 智能 按钮, 单 击 菜单 项 “编辑 | 
DataBindings…”, 在 弹出 的 对 话 框 中 将 它 的 Text 格式 Labe 
选 为 “长 日 期 -(0:D)”。 本 
单 击 priceLabel 的 智能 按钮 , 单 击 菜单 项 “编辑 。 | ET ET 
DataBindings…”, 在 弹出 的 对 话 框 中 将 它 的 Text 格式 


选 为 "货币 -{0:C)”。 


4-20 显示 模板 ItemTemplate 


运行 后 效果 如 图 4-22 所 示 。 中 的 默认 布局 
met eet os 
1 - 项 模板 
| PenTenplate 
书 名 FoooknameLabel] 作者 
ISEN BsBNLab: 出 版 商 
出 版 日 期 并 wb 价格 


评论 FnemoLabel] 


NN 


i 


4-21 显示 模板 ItemTemplate 中 调整 后 的 布局 


书 各 。 明和 和 芝 玫 和 者 当年 明月 
ISBN ‘9787801655998 出 版 商 中 国 海关 
出 版 日 期 2002 年 3 月 1 价格 - 等 23.00 


评论 。” 明 朝 历史 上 的 最 后 一 位 皇帝 ， 自 来 有 许多 传奇 。 关 于 案 视 这 充 况 是 一 个 和 请 无 能 的 皇帝 ， 还 是 一 个 力 。 


书 名 ”牧羊 少年 奇幻 之 旅 作者 《巴西 ) 柯 区 略 
ISBN 9787801634583 出 版 商 南海 
出 版 日 期 2003 年 4 月 :日 价格 ¥25.00 


评论 迄今 唯一 一 部 语种 超过 《圣经 》 的 书 在 巴西 ， 扶 知名 度 他 与 上 帝 、 足 球 并 列 “在 美国 ,他 是 唯 


书 各 村 级 干部 作者 帝 享 雍 
JSBHM 9787333633283 出 版 商 上 海 
同日 a00z 年 4 月 8 价格 ¥1600 


评论 见证 几 代 思 仇 ， 两 个 坚强 女性 ， 摄 动 僻静 山村 ， 跌 宕 起 伏 的 故事 情节 ， 变 化 多 端的 人 秽 


图 4-22 ”DataList 控件 运行 效果 
3. 任务 完成 总 结 


实现 图 书信 息 浏 览 功 能 的 关键 点 是 将 DataList 控件 与 数据 源 控件 SqlDataSource 绑 
定 , 由 SqlDataSource 控件 连接 到 数据 库 读 取 信息 ,用 DataList 控件 来 显示 这 些 图 书信 息 。 
设置 SqlDataSource 控件 主要 就 是 设置 它 的 SelectCommand、UpdateCommand、 
InsertCommand 和 DeleteCommand ,我 们 可 以 用 向 导 工 具 实 现 。 设 置 DataList 控件 主要 就 
是 设置 ItemTemplate 中 各 字段 的 排列 形式 ,使 图 书信 息 能 按 比 较 有 序 .美观 的 方式 展示 。 


4. 课堂 训练 与 知识 拓展 


图 书信 息 浏览 是 读者 经 常 访问 的 页 面 ,所 以 它 的 界面 设计 非常 重要 ,强调 美观 有 序 , 能 
吸引 读者 。DataList 控件 提供 了 多 种 模板 ,可 以 布置 HTML 元 素 , 并 且 通 过 采用 不 同 字 
体 .颜色 和 背景 图 案 ,做 到 不 仅 内 容 正确 ,而 且 界 面 活泼 ,赏心悦目 。 


4.4.2 任务 4-2 采用 GridView 控件 实现 图 书信 息 浏览 功能 


1. 任务 介绍 


网 上 书店 网 站 需要 一 些 页 面 来 介绍 图 书信 息 ,这 些 页 面 可 能 采用 不 同 的 技术 来 实现 。 
本 任务 就 是 创建 一 个 这 样 的 网 页 ,用户 可 以 浏览 所 有 的 图 书信 息 ,包括 书 名 、 人 作者、 价格、 内 
容 提 要 等 ,这 些 信息 以 表格 的 形式 展现 , 既 包含 文本 ,也 包含 图 像 。 


2. 任务 分 析 


图 书信 息 存 放 在 数据 库 NetBook 中 ,数据 源 控件 SqlDataSource 负责 查询 和 操作 数据 
库 , 查 询 的 结果 就 用 显示 控件 来 展示 。 常 用 的 显示 控件 有 GridView、DataList、DetailsView 


等 ,在 本 任务 中 用 GridView 控件 来 实现 。 因 此 ,本 任务 的 核心 工作 就 是 设置 SqlDataSource 
和 GridView 控件 ,实现 用 SqlDataSource 控件 读 取 数据 ,用 DataList 控件 显示 数据 。 

(1) 创建 显示 图 书信 息 的 Web 页 面 

采用 和 4. 4.1 小 节 任 务 4-1 中 步骤 1 相同 的 方法 ,创建 一 个 Web 页 面 BooksInfo. aspx, 在 
页 面 中 拖 放 入 一 个 GridView 控件 和 一 个 SqlDataSource 控件 ,如 图 4-23 所 示 。 


Content - Content1 ( 自 定义 ) 
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图 4-23 采用 GridView 控件 的 页 面 


(2) 设置 SqlDataSource 数据 源 

采用 和 4.4. 1 小 节 任 务 1 中 步骤 2 类 似 的 方法 来 设置 SqlDataSource 数据 源 。 在 “配置 数 
据 源 "对话 框 的 “选择 您 的 数据 连接 步骤 中 ,可 以 从 下 拉 列 表 中 选中 NetBookConnectionString 
项 ,避免 从 开始 连接 到 数据 库 , 如 图 4-24 所 示 。 


村 置 数据 源 - SqlDataSource1 


> 选择 您 的 数据 连接 ”人 


应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 (W)? 


4-24 ”选用 “NetBookConnectionString” 数 据 连接 


在 “配置 数据 源 ” 对 话 框 的 “配置 Select 语句 步骤. 比 上 次 多 选 一 个 字段 picture, 如 
图 4-25 所 示 。 

依次 单 击 * 下 一 步 ?按钮 完成 数据 源 SqlDataSource 的 设置 。 

(3) 设置 GridView 控件 

配置 好 SqlDataSource 控件 后 ,就 要 设置 GridView 控件 来 显示 查询 到 的 数据 。 首 先 ， 
单 击 GridView 控件 的 智能 按钮 ,弹出 “GridView 任务 ”菜单 ,如 图 4-26 所 示 。 


配置 数 硕 源 - SqlDataSource1 


| 配置 select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 
刁 指定 自 定义 5Q 语句 或 存储 过 程 (3) 
加 指定 来 自 表 或 视图 的 (D 


图 4-25 “配置 Select 语句 ”步骤 


“选择 数据 源 ” 下 拉 列 表 列 出 了 当前 可 用 的 全 部 数据 源 ,选择 先前 配置 好 的 
SqlDataSourcel ,如 图 4-27 所 示 。 


Gridayiesw 任务 
自动 大 用 格式 
过 挥 数据 源 画 
配置 数据 源 
刷新 织 构 
Gridyier 编 铝 列 
[re ] 添加 新 列 
这 择 数 据 源 :| 区 可 口 局 用 分 页 
2] 口 所 用 排序 
庄 加 新 列 口 B 用 亿 定 内 容 
编 竟 模板 编 强 模板 


图 4-26 “GridView 任务 ”菜单 图 4-27 更 新 后 的 “GridView 任务 ”菜单 

由 于 选择 了 数据 源 ,系统 根据 我 们 所 选 数据 源 控 件 的 配置 情况 ,增添 了 可 选 功能 ,更 新 
了 “GridView 任务 "菜单 。 下 面 我 们 要 设置 GridView 控件 的 显示 外 观 , 先 单 击 “ 编 辑 列 …” 
菜单 项 ,弹出 “字段 "对话 框 ,如 图 4-28 所 示 。 

在 对 话 框 的 左上 角 列 出 了 所 有 可 用 的 字段 ,左下 角 列 出 了 所 有 选 定 的 字段 , 右 侧 属性 表 
列 出 了 当前 选中 字段 的 所 有 属性 。 根 据 实际 情况 ,我 们 不 需 向 用 户 显示 图 书信 息 的 ISBN 
号 ,所 以 在 左下 角 的 列表 框 中 选 定 “ISBN” 字 段 , 单 击 列表 框 右 侧 的 “X ”按钮 删 掉 这 个 字段 。 
同样 ,把 publisher 字段 也 删 掉 。 在 “ 选 定 的 字段 ”列表 框 选中 bookname, 单 击 右边 向 上 第 
头 , 可 以 将 它 的 排序 位 置 向 上 移 , 经 过 类 似 的 调整 ,我 们 可 以 使 显示 的 字段 次 序 符合 我 们 的 

接 下 来 的 工作 是 设置 各 字段 的 属性 ,选中 *bookname” 字 段 , 它 默 认 的 标题 名 称 和 字段 
名 一 样 , 也 是 “bookname”, 为 了 将 它 改 为 中 文 ,我 们 选中 “HeaderText” 属 性 ,输入 “ 书 名 ”, 然 
后 依次 将 其 他 字段 的 标题 名 称 改 为 “作者 ”“ 价 格 ”"“ 出 版 日 期 "“ 备 注 ” 和 “封面 "。 有 些 字 


[Ei 
加 自动 生成 字段 (@) 
于 新 站 析 


图 4-28 “字段 ”对 话 框 


段 的 显示 格式 还 需要 设置 一 下 ,如 选中 “Price” 字 段 的 DataFormatString 属性 ,输入 格式 字 
符 串 “{0:C}”, 表 示 它 用 货币 形式 显示 ,为 了 显示 这 些 设 定格 式 ,将 HtmlEncode 属性 设置 为 
False, 将 ApplyFormatInEditMode 属性 设置 为 True ,最 后 单 击 “ 确 定 ” 按 钮 ,关闭 对 话 框 。 

为 了 设置 GridView 控件 的 显示 外 观 , 单 击 “GridView 任务 ?智能 菜单 的 “自动 套用 格 
式 …” 菜 单项 ,弹出 “自动 套用 格式 ”对 话 框 ,如 图 4-29 所 示 。 

对 话 框 的 左 侧 列 出 了 所 有 可 选 的 配色 方案 , 当 单 击 它们 时 , 右 侧 会 相应 显示 对 应 的 配色 
外 观 , 我 们 选中 “彩色 型 ”, 单 击 “ 确 定 ” 按 钮 ,关闭 对 话 框 。 

经 过 以 上 的 配置 ,Web 页 面 上 GridView 控件 就 具备 了 如 图 4-30 所 示 的 外 观 。 


自动 套用 格式 全 本 一 > 


世 作 价 出 版 日 评 封 
名 者 格 期 论 面 


2009- 
abc abc0 8 abc abc 
0:00:00 


价格 出 版 日 期 ”评论 ”封面 


2009-8- lL | 
abc abc 0.1 8 abc abc labc abe  ¥0.00 2009-8-8 abc abc | 
| abc abc ¥0.10 2009-8-8 abc abc | 
本 - labe abe 了 020 2009-8-8 abec abc | 
本 labe abe  ¥030 2009-8-8 abc abc 
确定 一 | 一 取 削 一 了 忆 二 用 父 labe abc ¥040 2009-8-8 abe abe | 
图 4-29 “自动 套用 格式 ”对 话 框 图 4-30 ”Web 页面 上 的 GridView 控件 外 观 效果 


按 F5 键 调 试 程序 ,将 显示 如 图 4-31 所 示 的 运行 时 结果 。 

从 图 4-31 可 以 看 到 .封面 栏 显示 的 是 封面 图 像 文件 的 路 径 ,而 不 是 实际 图 像 ,为 此 我 们 
要 修改 显示 控件 。 默 认 状态 下 字段 内 容 采 用 标签 控件 显示 :而 显示 图 像 需 用 Image 控件 。 
在 “GridView 任务 ”智能 菜单 上 单 击 “ 编 辑 列 …” 菜 单项 ,在 弹出 的 “字段 "对话 框 中 选中 “ 封 
面 ”字段 ,如 图 4-32 所 示 。 


出 版 
日 期 
二 


价格 


明 朝 历 史上 的 景 后 一 位 皇帝 ， 自 来 有 许多 传奇 。 关 于 过 
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ItemStyle 
应 用 于 此 字段 内 的 行 的 样式 。 


Se 


确定 


明 机 此 事 ， 
儿 当年 明月 。。 等 2300 3.1 。 袖 闪 友 训 是 一 个 久 庆 无 能 的 皇 害 ， 还 是 一 个 力 ” Pet 
的 和 年 村 巴西) 柯 区 ya5 00 2009” 这 从 二 部下 直 这 4 人 的 有 在 四 接 。iboer 
弘之 少 ” 赂 各 度 他 与 上 这 、 足 球 并 列 。 ”在 美国 他 是 只 imagsf2ing 
> 一 座 百年 老 芋 ， 见 证 几 代 思 做 两 个 坚强 女性 ， 插 动 个 
导 弘 部 。 英 训 让 ¥1600 4.8。 得 山村 。 幅 宕 把 僚 的 故事 情节 ， 变 化 多 喘 的 人 物 命 。 “a8s 3pg 
贫民 定 的 百 《 印 ) 斯 所 得 “00 2002- 十 作风 的 酒吧 服务 员 罗 摩 ， 生 活 在 孟买 的 贫民 证 里 。 地。 
万 富 分 2- 人 2 ”参加 了 一 个 名 为 《 淮 将 赢得 十 个 亿 光 的 电视 知识 问 ”inaeelqjp 
一 次 但 关 的 接 机 ，Carafnlason 一 见 必 情 ， 飞 右 扑 火 朋 各 
2o03， 基本 此 芝兰 的 ct 和 
Carol: 
A 3500 5.8 不 邓 相 信 自爱 说 及 个 的 Juson， 因 为 一 个 女 防 为 他 885jp 
自杀 ， 而 束 上 了 “ 力 ” 两 人 互相 让 引 却 义 互 
相 选 涟 ， 明 知道 自己 
03 本 书 是 一 部 历史 学 过 的 写 的 英雄 传奇 ， 以 项 忆 的 凯 起 和 
项羽 李 可 站 17.50 12.5” 楚 汉 相 争 为 线 素 ， 展 开 了 战国 末年 到 秦 广 汉 兴 群 弘 争 匡 image/6jpg 
-5 的 一 段 波 逢 导 间 的 历史 。 
图 4-31 运行 时 GridView 控件 外 观 效果 


图 4-32 “字段 ”对 话 框 


选中 “封面 "字段 后 , 单 击 “ 将 此 字段 转换 为 TemplateField” 链 接 , 再 在 “GridView 任务 ” 
智能 菜单 上 单 击 “ 编 辑 模 板 ”, 弹 出 如 图 4-33 所 示 编辑 模板 界面 。 
在 模板 上 看 到 一 个 默认 的 Label 控件 , 它 的 Text 属性 绑 定 到 picture 字段 ,所 以 在 运行 


时 我 们 只 看 到 封面 图 像 的 路 径 。 删 掉 这 个 Label 控件 ,添加 一 个 Image 控件 ,如 图 4-34 
所 示 。 
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图 4-33 ”编辑 模板 界面 图 4-34 在 picture 模板 上 添加 Image 控件 


---.NET Web 应 用 开发 --- 


单 击 Image 控件 的 智能 按钮 ,在 弹出 的 任务 菜单 中 单 击 “ 编 辑 DataBindings…” 菜 单项， 
弹出 如 图 4-35 所 示 对 话 框 。 

在 左 侧 * 可 绑 定 属性 ? 栏 中 ,选中 "ImageUrl”, 在 右 侧 * 绑 定 到 ”下拉 列表 中 选中 picture 
字段 ,由 于 picture 字段 的 内 容 已 包含 目录 名 ,所 以 在 “格式 ?列表 框 中 输入 "一 //10)? ,这些 
设置 表示 Image 控件 的 图 像 路 径 绑 定 到 picture 字段 。 最 后 单 击 “确定 ”按钮 结束 设置 。 


由 于 查询 得 到 的 数据 较 多 ， 


一 次 显示 出 来 就 使 得 整个 页 面 很 长 ,为 了 改善 最 终 效果 ,在 


“GridView 任务 ”智能 菜单 上 勾 选 “启用 分 页 ”和 * 启 用 排序 ” 复 选 框 ,如 图 4-36 所 示 。 
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图 4-35 ”ImagelData 


将 GridView 控件 的 PageSize 属性 设 为 5, 表 示 每 次 显示 5 条 记录 , 按 F5 键 调试 程序 ， 


将 显示 如 图 4-37 所 示 的 


运行 时 最 终 效果 。 
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明 朝 历史 上 的 最 后 一 位 皇帝 ， EF 关于 迪 祯 市 究 克 是 
一 个 氏 良 无 能 的 皇帝 ， 还 是 一 


迄今 唯一 一 部 语种 超过 《圣经 》 的 书 。 在 巴西 ， 按 知名 度 他 与 上 
帝 、 足 球 并 列 在 美国 ， 他 是 唯 


一 座 百 年 老 屋 ， 见 证 几 代 思 仇 ， 两 个 坚强 女性 ， 报 动 解 静 山 村 。 跌 
震 起 伏 的 故事 情节 ， 变 化 多 端的 人 物 命 


十 八 岁 的 酒吧 服务 员 罗 摩 ， 生 活 在 孟买 的 贫民 富里 。 他 参加 了 一 个 
名 为 《 谁 将 赢得 十 个 亿 》 的 电视 知识 问 


一 次 偶然 的 接 机 ，Carol 和 Jason 一 见 钟情 ， 下 易 扑 火 般 地 爱 上 了 对 
的 Carol, 却 因为 父亲 当年 的 消 弃 而 不 敢 相信 真爱 ， 温柔 体贴 
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Jason， 因 为 一 个 女孩 曾 为 他 自杀 ， 而 串 上 了 “重症 爱 无 力 ”。 两 人 
互相 吸引 却 又 互相 和 逃避 ， 明 知道 自己 


4-37 GridView 控件 运行 时 最 终 效 果 


国 
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3. 任务 完成 总 结 


实现 图 书信 息 浏 览 的 关键 点 是 将 GridView 控件 与 数据 源 控件 SqlDataSource 绑 定 ,由 
SqlDataSource 控件 连接 到 数据 库 读 取 信息 ,用 GridView 控件 来 显示 这 些 图 书信 息 。 设 置 
SqlDataSource 控件 主要 就 是 设置 它 的 SelectCommand、UpdateCommand、InsertCommand 
和 DeleteCommand, 我 们 可 以 用 向 导 工 具 实 现 。 设置 GridView 控件 主要 就 是 设置 控件 的 
外 观 和 各 字段 的 属性 、 排 列 形式 等 ,使 整个 表格 能 按 比 较 有 序 、 美 观 的 方式 展示 。 如 要 某 个 
字段 要 显示 图 案 , 则 必须 将 它 转化 为 模板 字段 ,再 在 其 中 加 入 一 个 Image 控件 , 绑 定 它 的 
ImageUrl 属性 ,显示 指定 的 图 像 。 


4. 课堂 训练 与 知识 拓展 


图 书信 息 浏览 是 读者 经 常 访问 的 页 面 , 它 的 界面 非常 强调 美观 有 序 ,以 吸引 读者 。 
GridView 控件 提供 了 丰富 而 强大 的 配置 功能 ,可 以 非常 方便 地 获得 一 般 效 果 。 如 果 需 要 特 
殊 的 内 容 , 可 以 将 某 个 字段 转 成 模板 字段 ,在 里 面 可 以 设置 HTML 元 素 , 通 过 搬入 新 的 内 
容 、. 采 用 不 同 的 字体 颜色 和 背景 图 案 , 做 到 不 仅 内 容 正确 ,而 且 界 面 活泼 ,赏心悦目 。 


4.4.3 任务 4-3 实现 图 书信 息 分 类 浏览 功能 


1. 任务 介绍 


网 上 书店 网 站 需要 一 些 页 面 来 介绍 图 书信 息 , 由 于 图 书 数 量 一 般 比 较 大 ,所 以 需要 按 某 
种 类 别 进行 分 类 ,例如 小 说 ,诗歌 .IT 教材 等 。 本 任务 将 创建 一 个 这 样 的 网 页 ,用 户 可 以 先 
选中 某 个 类 别 ,然后 浏览 这 个 类 别 所 有 的 图 书信 息 。 


2. 任务 分 析 


图 书 类 别 信息 存放 在 数据 库 NetBook 中 的 t_category 表 , 图 书 的 信息 存放 在 t_book 
表 , 本 任务 的 工作 流程 就 是 先 从 t_category 表 读 取 数 据 在 下 拉 列 表 中 展示 ,用 户 选 中 类 别 后 
将 它 作 为 参数 访问 t_book 表 , 读 取 全 部 属于 这 个 类 别 的 图 书信 息 并 在 GridView 控件 中 显 
示 出 来 。 因 此 ,本 任务 的 核心 工作 是 设置 两 个 SqlDataSource 控件 ,分别 实现 读 取 类 别 和 图 
书 数据 ,然后 将 其 用 不 同 的 控件 显示 出 来 。 访 问 t_book 表 的 SqlDataSource 控件 中 
SelectCommand 带 有 一 个 参数 ,由 下 拉 列 表 控 件 提供 。 

(1) 创建 分 类 显示 图 书信 息 的 Web 页 面 

首先 ,创建 一 个 分 类 显示 图 书信 息 的 Web 页 面 ,按照 与 4.4.2 小 节 任 务 2 中 步骤 1 类 
似 的 方法 新 建 一 个 Web 窗 体 , 并 将 它 命名 为 BooksByType. aspx, 从 工具 箱 的 “数据 ?控件 面 
板 上 拖 放 两 个 SqlDataSource 控件 到 表格 的 下 方 .分 别 命名 为 “TypeSource” 和 
“BooksSource”, 再 拖 放 一 个 GridView 控件 到 中 间 位 置 ; 从 工具 箱 的 “标准 ”控件 面板 上 拖 
放 两 个 Label 控件 到 左 侧 位 置 ,将 它们 的 Text 属性 分 别 设 为 “请 选择 图 书 类 型 : ”和 “图 书 
信息 : ”, 再 拖 放 一 个 下 拉 列 表 框 控件 到 上 部 位 置 。 

至 此 ,就 创建 了 一 个 准备 分 类 显示 图 书信 息 的 Web 页 面 ,如 图 4-38 所 示 。 
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图 4-38 分 类 显示 图 书信 息 的 Web 页 面 


(2) 设置 显示 图 书 类 别 的 数据 源 

本 步骤 的 目的 是 配置 数据 源 控件 TypeSource, 使 它 能 访问 数据 库 并 查询 图 书 类 别 
和 4.4.2 小 节 任 务 4-2 中 的 步骤 2 类 似 , 首 先 单 击 控件 TypeSource 的 智能 按钮 ,在 弹 
出 的 菜单 中 选择 “配置 数据 源 …”, 打 开 “ 配 置 数 据 源 ”对 话 框 ,在 可 选 数据 源 下 拉 列 表 中 选中 
先前 建立 的 连接 “NetBookConnectionString”, 单 击 “ 下 一 步 ” 按 钮 ,进入 “配置 数据 源 ” 对 话 
框 的 “配置 Select 语句 ”步骤 ,如 图 4-39 所 示 。 


配置 数据 源 - TypeSource 
配置 Select 语句 
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《上 一 步 吧 下 二 步 中 > 


图 4-39 数据 源 控件 TypeSource 的 “配置 Select 语句 ”步骤 


因为 查询 图 书 类 别 信息 并 不 是 简单 地 返回 一 个 表 或 视图 的 字段 ,所 以 在 “配置 Select 语 
名 ?步骤 中 选中 “指定 自 定义 SQL 语句 或 存储 过 程 " 单 选 按 钮 , 单 击 “ 下 一 步 ” 按 钮 , 进 到 “ 配 
置 数据 源 ” 对 话 框 的 “定义 自 定义 SQL 语句 或 存储 过 程 ? 步 又 ,如 图 4-40 所 示 。 

图 4-40 中 有 4 个 选项 卡 ,可 以 分 别 为 SELECT UPDATE .INSERT 和 DELETE 操作 
定义 SQL 语句 或 存储 过 程 。 我 们 可 以 在 SQL 语句 文本 框 直 接 输入 自 定 义 语句 ,也 可 以 使 


| 定义 自 定义 语句 或 存储 过 程 


单 击 选项 卡 为 该 操作 创 妥 SQL 语句 。 


(EE Meow msesr | optzrel 


© sar 语句 BS) 


图 4-40 “配置 数据 源 ” 对 话 框 的 “定义 自 定义 SQL 语句 或 存储 过 程 ” 步 又 


用 内 建 的 向 导 工 具 来 图 形 化 地 生成 自 定义 语句 ,所 以 单 击 “ 查 询 生成 器 …" 按 钮 , 进 到 查询 向 
导 , 首 先 弹出 “添加 表 ” 对 话 框 ,如 图 4-41 所 示 。 

在 这 个 对 话 框 中 列 出 了 所 有 可 选 的 表 、 视 图 和 函数 ,选择 “t_category” 表 , 单 击 “ 添 加 ” 按 
钮 ,再 单 击 “关闭 ”按钮 , 转 到 “查询 生成 器 "对话 框 ,如 图 4-42 所 示 。 


排序 类 型 排序 肥 a 


图 4-41 “添加 表 ” 对 话 框 图 4-42 “查询 生成 器 ”对 话 框 


在 t_category 表 的 字段 中 色 选 CategoryId 和 CategoryName, 在 对 话 框 的 中 间 显 示 出 
了 系统 自动 生成 的 SELECT 语句 。 为 了 测试 SELECT 语句 的 查询 效果 , 单 击 “ 执 行 查询 ” 
按钮 ,在 对 话 框 的 下 部 列 出 了 查询 返回 的 结果 ,完全 符合 设置 预期 , 单 击 “ 确 定 ” 按 钮 ,关闭 
“查询 生成 器 ”, 返 回 “ 配 置 数 据 源 ” 对 话 框 ,依次 单 击 * 下 一 步 ” 按 钮 .直到 完成 。 

(3) 设置 显示 图 书 类 别 的 数据 显示 控件 

配置 好 显示 图 书 类 别 的 数据 源 控 件 typeSource 后 ,我 们 就 要 设置 下 拉 列 表 控 件 


DropDownListl 来 显示 查询 到 的 图 书 类 别 。 首 先 , 单 击 下 拉 列 表 框 控件 的 智能 按钮 ,弹出 
“DropDownList 任务 ”菜单 ,如 图 4-43 所 示 。 

在 这 个 “DropDownList 任务 ”菜单 中 ,确认 选中 了 “启用 AutoPostBack” 复 选 框 , 单 击 
“选择 数据 源 …” 菜 单项 , 转 到 “数据 源 配置 向 导 ” 对 话 框 ,如 图 4-44 所 示 。 


| 由 选择 数据 源 


选择 数据 源 (35): 


es 
|TypeSource -| 


选择 要 在 DropDownList 中 显示 的 数据 字段 (E): 
sy | 


为 DropDownlist 的 信 选 择 数据 字段 (C); 
|Categoryld - 
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图 4-43 “DropDownList 任务 ”菜单 图 4-44 “数据 源 配置 向 导 ” 对 话 框 


在 “选择 数据 源 ” 下 拉 列 表 中 ,选中 在 上 一 步骤 配置 好 的 “TypeSource” 数 据 源 ,在 “选择 
要 在 DropDownList 中 显示 的 数据 字段 "下 拉 列 表 中 选中 字段 “CategoryName”, 在 “为 
DropDownList 的 值 选择 数据 字段 "下 拉 列 表 中 选中 字段 "Category1d”, 然 后 单 击 “ 确 定 ” 按 
钮 ,完成 本 步骤 的 设置 。 

按 F5 键 调试 程序 ,将 显示 如 图 4-45 所 示 的 运行 时 图 书 类 别 效果 。 


四 物 三 
约 im 来 到 NetBooky [请 下 录 ] ,新 用 请 了 [ 宝 费 注册 ) 


Lynereoor me 
_ 


我 的 陈 单 人 管理 


4 收 起 左 负 导航 
| 加 分 类 请 渤 择 图 书 类 型 ; | 文艺 - 
图 书信 息 : | 文艺 
小 说 而 志 
了 少儿 
局 才 城 功 | 个 人 理财 
人 文 社 科 教育 
工具 节 


名 使 用 帮助 。 | 点击 进入 ] 


图 4-45 运行 时 图 书 类 别 效 果 


(4) 设置 显示 特定 类 别 图 书信 息 的 数据 源 
本 步骤 的 目的 是 配置 数据 源 控件 ,访问 数据 库 以 取得 特定 类 别 的 图 书信 息 。 首 先 单 击 
控件 BooksSource 的 智能 按钮 ,在 弹出 的 菜单 中 选择 “配置 数据 源 …”, 打 开 “ 配 置 数据 源 ” 对 


话 框 ,在 可 选 数据 源 下 拉 列 表 中 选中 先前 建立 的 连接 “NetBookConnectionString”, 单 击 “ 下 
一 步 ” 按 钮 , 进 到 “配置 数据 源 ” 对 话 框 的 “配置 Select 语句 ”步骤 ,如 图 4-46 所 示 。 


配置 数 括 源 - BooksSource 


| 配置 select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 
器 指定 自 定义 5QL 语句 或 存储 过 程 (5) 


SELECT [author], [Category1d], [picture], [memo], [price], [bookname] FROM [t_book] 


发 士 一 步 @) | | 下 一 步 (W) > 


图 4-46 “配置 数据 源 BooksSource” 的 “配置 Select 语句 ”步骤 


按照 图 4-46 所 示 勾 选 所 需 的 字段 后 , 单 击 "WHERE…” 按 钮 , 进 到 “添加 WHERE 子 
句 ” 对 话 框 ,如 图 4-47 所 示 。 


添加 WHERE 子 句 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 
的 值 在 运行 时 根据 其 屎 性 获取 值 


NO: 参数 属性 


Control 


5Q 于 达 式 : 
[Categoryid] = @categoryid 
WHERE 子 癸 (W): 

| 4 表达 式 


4-47 “添加 WHERE 子 句 ” 对 话 框 


在 “ 列 ” 下 拉 列 表 中 选择 “CategoryId” 字 段 ; 在 “运算 符 ”" 下 拉 列 表 中 选择 “= 二”; 在 “ 源 ” 
下 拉 列 表 中 选择 “Control” ,表示 SQL 参数 将 由 控件 来 提供 ; 在 “控件 ID” 下 拉 列 表 中 选择 
显示 图 书 类 别 信息 的 DropDownListl 选项 。 单 击 “ 添 加 ”按钮 ,系统 在 “WHERE 子 句 "文本 
框 中 生成 相应 的 SQL 表达 式 ,如 图 4-48 所 示 。 

整个 SELECT 语句 将 是 : 


图 4-48 自动 生成 的 SQL 表达 式 


SELECT [author], [CategoryId], [picture], [memo], [price], [bookname] FROM [t_book] 

WHERE ([CategoryId] = @CategoryId) 

其 中 ,参数 @CategoryId 将 由 下 拉 列 表 “DropDownList1” 的 选中 值 提供 。 单 击 “ 确 定 ” 
按钮 ,返回 "配置 数据 源 ” 对 话 框 ,依次 单 击 " 下 一 步 ” 按 钮 ,直到 完成 。 整 个 数据 源 控件 
“BooksSource” 的 源 代码 如 下 所 示 : 

<asp:SqlDataSource ID = "BooksSource" runat = "server" 

ConnectionString = "<% $ ConnectionStrings:NetBookConnectionString %>" 
SelectCommand = "SELECT [author], [CategoryId], [picture], [memo], [price], [bookname] 
FROM [t_book] WHERE ([CategoryId] = @CategoryId)"> 
< SelectParameters> 
<asp:ControlParameter ControlID = "DropDownList1”Name = "CategoryId" 
PropertyName = "SelectedValue" TYpe = "Int32" /> 
</SelectParameters> 
</asp:SqlDataSource> 


(5) 设置 显示 图 书信 息 的 数据 显示 控件 

配置 好 显示 特定 类 别 图 书信 息 的 数据 源 控件 BooksSource 后 ,就 要 设置 GridView 控件 
来 显示 查询 到 的 特定 类 别 图 书信 息 。 整 个 设置 步骤 与 4. 4. 2 小 节 任 务 4-2 的 步骤 3 非常 类 
似 , 数 据 源 选择 *BooksSource”, 结 果 如 图 4-49 所 示 。 
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图 4-49 显示 图 书信 息 的 GridView 控件 


按 F5 键 调试 程序 ,将 显示 如 图 4-50 所 示 的 运行 时 效果 。 


请 已 择 图 书 类 型 ,KE -| 
明 朝 历史 上 的 最 后 一 位 皇帝 ， 自 来 有 许多 传奇 
0 关于 党 市 是 个 红 良 无 能 的 皇帝 ， 还 是 一 
EL 


A 
风 i > 这 今 唯一 一 部 语种 超过 《圣经 》 的 书 在 巴 
区 2 和 林 Y2500 西 ， 按 知名 度 他 与 上 帝 、 足 球 并 列 “在 美国 ， 
奇幻 之 他 是 只 


图 4-50 运行 时 分 类 显示 图 书信 息 效 果 


用 户 在 图 书 类 型 下 拉 列 表 中 选中 某 一 类 别 后 ,下 面 的 GridView 控件 就 会 显示 这 一 特 
定 类 别 所 有 图 书 的 信息 。 


3. 任务 完成 总 结 


本 任务 是 一 个 典型 的 主 从 数据 读 取 模 式 任务 ,图 书 类 别 信息 作为 主 数据 ,图 书信 息 作为 
从 数据 , 主 数据 确定 后 作为 参数 读 取 从 数据 ,从 而 完成 整个 任务 。 主 数据 用 一 个 用 户 可 以 选 
定 的 控件 展示 ,例如 下 拉 列 表 和 GridView, 这 个 控件 将 为 从 数据 的 读 取 提 供 参 数 。 

4. 课堂 训练 与 知识 拓展 

图 书 类 别 的 层次 可 以 有 多 层 , 例 如 小 说 类 别 下 还 可 以 有 古典 小 说 ,侦探 小 说 和 玄幻 小 说 
等 ,因此 主 从 数据 读 取 模式 对 应 的 也 可 以 有 多 层 。 实 践 中 用 户 选中 了 某 个 大 类 后 (例如 小 


说 ) ,作为 参数 访问 数据 库 获 取 小 类 ,用 户 选 中 小 类 后 (例如 玄幻 小 说 ) 再 作为 参数 访问 数据 
库 获 取 相 应 的 图 书信 息 ,从 而 完成 整个 分 类 信息 浏览 。 


4.4.4 任务 4-4 实现 图 书信 息 的 搜索 功能 


1. 任务 介绍 


有 些 用 户 需 要 查找 一 些 特定 图 书 ,查找 信息 可 能 是 书 名 、 作 者 、 出 版 日 期 等 ,网 上 书店 网 
站 需要 一 个 搜索 页 面 来 实现 这 个 功能 。 本 任务 就 是 创建 一 个 这 样 的 网 页 ,用户 可 以 输入 书 
名 中 的 某 个 单词 ,然后 通过 网 站 找 出 所 有 书 名 中 包含 这 个 词 的 图 书 , 并 把 它 展示 出 来 。 


2. 任务 分 析 


SqlDataSource 控件 中 SelectCommand 用 来 配置 查询 语句 ,而 SQL 查询 语句 中 的 
WHERE 子 句 可 以 用 LIKE 关键 词 执行 模糊 查询 ,因此 本 任务 的 核心 就 是 把 用 户 提供 的 单 
词 用 到 WHERE 子 句 进行 模糊 查询 。 用 户 可 以 在 一 个 文本 输入 框 输入 查询 单词 ,而 这 个 文 
本 输入 框 就 作为 提供 参数 的 控件 。 查 询 结果 可 以 放 在 任何 一 个 显示 控件 ,本 任务 使 用 
GridView 控件 来 实现 。 


(1) 创建 搜索 图 书信 息 的 Web 页 面 

首先 ,按照 与 前 面 类 似 的 方法 新 建 一 个 Web 窗 体 , 并 将 它 命名 为 BooksSearching. 
aspx, 从 工具 箱 的 数据 控件 面板 上 拖 放 一 个 SqlDataSource 控件 到 表格 的 下 方 ,命名 为 
“BooksSource”, 再 拖 放 一 个 GridView 控件 到 中 间 位 置 ; 从 工具 箱 的 “标准 ”控件 面板 上 拖 
放 两 个 Label 控件 到 左 侧 位 置 ,将 它们 的 Text 属性 分 别 设 为 “请 输入 关键 字 : ”和 “查询 结 
果 : ”, 再 拖 放 一 个 文本 输入 框 到 上 部 位 置 , 拖 放 一 个 按钮 到 右上 部 ,将 其 Text 属性 设 为 “ 查 
阅 ”。 至 此 ,我 们 就 创建 了 查阅 图 书信 息 的 Web 页 面 ,如 图 4-51 所 示 。 
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图 4-51 查阅 图 书信 息 的 Web 页 面 


(2) 设置 查询 图 书 的 数据 源 

和 4.4.3 小节 任 务 4-3 中 的 步骤 4 类似 ,首先 单 击 控件 TypeSource 的 智能 按钮 ,在 弹 
出 的 菜单 中 选择 “配置 数据 源 …”, 打 开 * 配 置 数据 源 ” 对 话 框 , 在 可 选 数据 源 下 拉 列 表 中 选中 
先前 建立 的 连接 “NetBookConnectionString”, 单 击 “ 下 一 步 按 钮 , 进 到 “配置 数据 源 ” 对 话 
框 的 “配置 Select 语句 ”步骤 ,选中 t_book 表 , 勾 选 bookname 等 基本 信息 字段 , 单 击 
“WHERE… ”按钮 , 进 到 “添加 WHERE 子 句 ”对 话 框 ,如 图 4-52 所 示 。 


添加 WHERE 子 句 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 十 法 值 或 参数 化 的 值 。 参数 化 
的 值 在 运行 时 根据 其 尿 性 获取 值 . 


[bookname] LIKE %' + @bookname + %' | | TextBoxl,Text 
WHERE 子 句 (W): 
| 5 表态 式 什 


4-52 “添加 WHERE 子 句 ” 对 话 框 


在 “ 列 ” 下 拉 列 表 中 选择 “bookname” 字 段 ; 在 “运算 符 ” 下 拉 列 表 中 选择 “LIKE”; 在 
“ 源 ” 下 拉 列 表 中 选择 “Control” ,表示 SQL 参数 将 由 控件 来 提供 ; 在 “控件 ID” 下 拉 列 表 中 选择 


输入 关键 字 的 文本 输入 框 *TextBox1”。 单 击 

“添加 ?按钮 ,系统 在 “WHERE 子 句 ” 文 本 框 中 

生成 相应 的 SQL 表达 式 , 如 图 4-53 所 示 。 
整个 SELECT 语句 将 是 : 图 4-53 带 参数 的 SQL 表达 式 


SELECT [bookname], [author], [price], [picture], [memo] FROM [t book] 

WHERE ([bookname] LIKE '%'+ @bookname + '%') 
其 中 ,参数 @bookname 将 由 文本 输入 框 *TextBox1” 提 供 。 单 击 “ 确 定 ” 按 钮 ,返回 “配置 数 
据 源 ”对话 框 ,依次 单 击 * 下 一 步 ? 按 钮 ,直到 完成 。 

(3) 设置 显示 查询 图 书 结果 的 显示 控件 

配置 好 查询 图 书 的 数据 源 控件 BookSource 后 ,我 们 就 要 设置 GridView 控件 来 显示 查 
询 到 的 图 书信 息 。 整 个 设置 步骤 与 任务 4-3 中 的 步骤 7 非常 类 似 ,数据 源 选择 "BookSource”， 
结果 如 图 4-54 所 示 。 
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图 4-54 显示 查询 结果 的 GridView 控件 


按 F5 键 调试 程序 ,将 显示 如 图 4-55 所 示 的 运行 时 效果 。 


请 往 A 刍 字 国 | 恩 
书 名 作者 价格 ” 封面 
明 朝 那 当年 明 朝 历史 上 的 景 后 一 位 皇帝 ， 自 来 有 许多 传 
些 事 儿 明月 2300 奇 。 关于 雪 补 帝 究 充 是 一 个 生 唐 无 能 的 皇帝 ， 
汪 还 是 一 个 力 

查询 结果 ， 
5 

用 说 明 ¥23.00 | 
书 


图 4-55 查询 的 运行 时 效果 


虽然 我 们 并 没有 给 按钮 空间 添加 响应 代码 ,但 因为 每 次 按 下 按钮 后 浏览 器 都 会 回 发 请 
求 (post back) ,同时 将 文本 框 中 的 关键 字 也 发 回 服务 器 ,所 以 经 过 查询 后 服务 器 就 会 把 正 
确 结果 发 到 浏览 器 。 同 样 的 道理 ,在 文本 框 中 按 下 Enter 键 也 会 得 到 相同 效果 ,但 注意 要 将 
文本 框 的 “AutoPostBack” 属 性 设 为 True。 


3. 任务 完成 总 结 


本 任务 是 一 个 典型 的 模糊 查询 任务 ,用 户 提 供 一 个 要 查询 的 关键 词 ,然后 用 这 个 词 进 行 
SQL 模糊 查询 ,得 出 结果 后 再 用 控件 显示 出 来 。 此 类 任务 的 核心 就 是 提供 一 些 控 件 让 用 户 
输入 查询 关键 字 , 配 置 SqlDataSource 控件 的 查询 语句 ,使 用 输入 控件 的 值 作为 参数 进行 模 
糊 查询 ,最 后 给 出 查询 结果 。 


4. 课堂 训练 与 知识 拓展 


用 户 查 询 书 籍 往往 是 通过 多 方面 的 片段 信息 ,例如 书 名 中 的 一 个 或 几 个 词 、 作 者 、 出 版 
阶段 等 ,这 些 查询 约束 可 以 单独 进行 ,也 可 以 组 合 执行 。 通 过 多 个 控件 收集 用 户 的 查询 约 
束 ,把 它们 作为 “与 "的 关系 放 入 SQL 查询 语句 的 WHERE 子 句 执行 模糊 查询 ,得 出 最 后 查 
询 结 果 。 


4.5 项 目 总 结 


本 项 目的 核心 内 容 是 访问 数据 库 , 显 示 查 询 到 的 信息 。 
数据 库 连接 : 采用 SqlDataSource 控件 。 

查询 : 采用 SqlDataSource 控件 的 Select 语句 及 相关 参数 。 
显示 : 采用 DataList 和 GridView 等 控件 。 


4.6 项 目 实 训 


1. 任务 描述 


会 员 在 网 上 书店 查阅 图 书信 息 ,首先 通过 类 别 目录 选 定 大 类 ,例如 小 说 ,然后 查阅 这 个 
类 别 下 的 所 有 子 类 目录 , 选 定 某 个 子 类 ,例如 玄幻 小 说 ,接着 浏览 这 个 子 类 下 的 图 书信 息 。 
有 时 用 户 要 查阅 某 类 特定 图 书 的 信息 ,例如 某 个 作者 的 某 类 作品 ,并 且 是 最 新 出 版 的 (也 就 
是 最 近 一 年 内 ) ,创建 一 个 项 目 完成 这 个 任务 。 


2. 任务 要 求 


中 在 数据 库 建 立 分 别 反映 图 书 类 别 与 信息 的 表 , 并 建立 良好 的 关系 。 

四 创建 根据 二 级 目录 浏览 图 书 的 页 面 ,满足 用 户 分 级 浏览 图 书 的 需求 。 

@ 创建 复合 查阅 图 书信 息 的 页 面 , 使 用 户 可 以 通过 书 名 中 的 一 个 或 几 个 词 、 作 者 、 出 版 
阶段 等 信息 ,获得 需要 的 图 书信 息 。 


实现 网 上 书店 图 书 管理 功能 


5.1 项 目 介 绍 


当 创 建 了 网 上 书店 网 站 后 ,就 可 以 向 用 户 发 布 各 种 图 书信 息 ; 同时 , 随 着 销售 的 进行 和 
新 书 的 不 断 发 行 ,还 必须 不 断 修改 原先 的 内 容 ,增添 新 的 内 容 , 即 要 实现 网 站 图 书 管理 的 
功能 。 

具体 来 说 ,每 本 图 书 有 书 名 、 作 者 价格、 简介 等 信息 , 随 着 时 间 的 推移 ,要 能 够 对 这 些 信 
息 进行 修改 ,例如 ,如 果 某 种 书 已 售 完 , 并 且 以 后 不 再 进货 ,那么 可 以 删除 这 种 图 书 的 记录 ; 
如 果 有 新 的 图 书 发 行 , 则 要 增添 相应 的 记录 供用 户 浏览 。 

在 这 个 项 目 中 ,要 实现 对 图 书信 息 的 修改 、 删 除 、 增 加 等 功能 。 


5.2 项 目 分 析 


在 本 项 目 中 将 实现 的 主要 功能 是 修改 、 增 加 、 删 除 图 书信 息 , 这 些 信息 都 保存 在 SQL 
Server 数据 库 中 ,因此 本 项 目的 核心 内 容 是 : 

连接 数据 库 , 设 定 对 数据 库 中 的 有 关内 容 进 行 修改 、 增 加 、 删 除 的 配置 。 

@ 提供 操作 界面 ,方便 用 户 实现 对 数据 库 中 的 有 关内 容 进行 操作 并 检查 执行 结果 。 


5.3 相关 知识 


1. 使 用 GridView 控件 实现 对 数据 库 内 容 的 更 新 与 删除 操作 


GridView 控件 具有 一 些 内置 功 能 ,允许 用 户 在 不 需要 编程 的 情况 下 编辑 或 删除 记录 。 
可 以 使 用 事件 和 模板 来 自 定义 GridView 控件 的 编辑 或 删除 功能 。 

可 以 通过 以 下 任 一 方式 启用 GridVievw 控件 的 内 置 编辑 或 删除 功能 : 

。 在 图 4-5 所 示 的 智能 菜单 上 勾 选 “启用 编辑 "和 “启用 删除 ” 复 选 框 。 

。 将 AutoGenerateEditButton 属性 设置 为 True 以 启用 更 新 ,将 AutoGenerateDeleteButton 
属性 设置 为 True 以 启用 删除 。 

。 添加 一 个 CommandField, 并 将 其 ShowEditButton 属性 设置 为 True 以 启用 更 新 ,将 
其 ShowDeleteButton 属性 设置 为 True 以 启用 删除 。 


。 创建 一 个 TemplateField, 其 中 ItemTemplate 包含 多 个 命令 按钮 ,要 进行 更 新 时 可 
将 CommandName 设置 为 "Edit”, 要 进行 删除 时 可 设置 为 "Delete”。 有 关 更 多 信息 ， 
请 参见 “在 GridView Web 服务 器 控件 中 创建 自 定义 列 ”。 

GridView 控件 可 以 显示 一 个 用 户 界 面 (UD ,让 用 户 能 够 编辑 各 行 的 内 容 。 通 常 , 可 编 
辑 的 网 格 中 会 有 一 列 包 含 一 个 按钮 或 链接 ,用 户 可 以 通过 单 击 该 按钮 或 链接 将 所 在 的 行 置 
于 编辑 模式 下 。( 默 认 情 况 下 ,按钮 标题 是 “编辑 ”。) 

用 户 保 存 更 改 时 ,GridView 控件 将 更 改 和 主键 信息 传递 到 由 DataSourceID 属性 标识 
的 数据 源 控 件 , 从 而 调用 适当 的 更 新 操作 。 例 如 ,SqlDataSource 控件 使 用 更 改 后 的 数据 作 
为 参数 值 来 执行 SQL Update 语句 。ObjectDataSource 控件 调用 其 更 新 方法 ,并 将 更 改作 
为 参数 传递 给 方法 调用 。 

GridView 控件 在 3 个 字典 集合 中 将 值 传递 到 数据 源 以 进行 更 新 或 删除 操作 : Keys 字 
典 ,NewValues 字典 和 OldValues 字典 。 可 以 使 用 传递 到 GridView 控件 的 更 新 或 删除 事 
件 的 参数 访问 每 个 字典 。 

Keys 字典 包含 字段 的 名 称 和 值 ,通过 它们 唯一 标识 将 要 更 新 或 删除 的 记录 ,并 始终 包 
含 键 字段 的 原始 值 。 若 要 指定 哪些 字段 放置 在 Keys 字典 中 ,可 将 DataKeyNames 属性 设 
置 为 用 逗号 分 隔 的 .用 于 表示 数据 主键 的 字段 名 称 的 列表 。DataKeys 集合 会 用 与 为 
DataKeyNames 属性 指定 的 字段 关联 的 值 自动 填充 。DataKeyNames 属性 中 指定 的 字段 的 
原始 主键 值 存储 在 视图 状态 中 。 如 果 主 键 值 中 包含 敏感 信息 , 则 应 通过 将 页 的 
ViewStateEncryptionMode 属性 设置 为 Always 来 加 密 视 图 状态 的 内 容 。 

NewValues 字典 包含 正在 编辑 的 行 中 的 输入 控件 的 当前 值 。OldValues 字典 包含 除 键 
字段 以 外 的 任何 字段 的 原始 值 , 键 字段 包含 在 Keys 字典 中 。 

数据 源 控件 使 用 Keys、NewValues 和 OldValues 字典 中 的 值 作为 更 新 或 删除 命令 的 
参数 。 有 关 如 何 根据 为 绑 定 值 创建 的 字典 来 创建 数据 源 控件 参数 的 信息 ,请 参见 “数据 源 控 
件 如 何 为 数据 绑 定 字段 创建 参数 ”。 

在 通过 处 理 RowUpdating 或 RowDeleting 事件 将 任何 这 些 字 典 的 内 容 传递 到 数据 源 
之 前 ,可 以 对 其 进行 检查 或 自 定 义 。 完 成 更 新 或 删除 后 , GridView 控件 会 引发 其 
RowUpdated 或 RowDeleted 事件 。 这 些 事件 允许 执行 查询 后 逻辑 (如 完整 性 检查 )。 

在 完成 更 新 或 删除 并 引发 所 有 事件 之 后 ,GridView 控件 将 重新 绑 定 到 数据 源 控件 以 显 
示 已 更 新 的 数据 。 

GridView 控件 中 的 可 更 新 字段 的 原始 值 存储 在 ViewState 中 。 如 果 在 包含 可 更 新 
GridView 控件 的 ASP .NET 页 上 禁用 ViewState, 则 开放 式 并 发 检查 无 法 使 用 在 
GridView 控件 第 一 次 绑 定 到 数据 源 时 检索 到 的 可 更 新 和 主键 字段 的 原始 值 。 当 该 页 为 了 
执行 更 新 或 删除 而 进行 回 发 时 ,数据 库 中 的 当前 值 将 作为 GridView 控件 中 的 可 更 新 和 主 
键 字段 的 原始 值 被 检索 ,因为 ViewState 中 没有 存储 任何 值 。 然 后 使 用 这 些 原始 值 执 行 更 
新 或 删除 操作 。 如 果 原 始 值 自从 第 一 次 填充 GridView 控件 以 来 已 更 改 , 则 更 新 或 删除 将 
会 成 功 ,但 是 开发 式 并 发 检查 不 会 按 预期 的 那样 报告 错误 。 

我 们 可 以 自 定义 编辑 (UI) 元 素 , 如 在 每 个 数据 字段 的 编辑 模式 下 显示 的 控件 类 型 。 
自动 双向 数据 绑 定 允许 自 定 义 控件 为 数据 存储 区 提供 可 编辑 和 已 编辑 的 数据 ,以 及 从 数据 
存储 区 获取 可 编辑 和 已 编辑 的 数据 。 


如 果 更 改 数据 源 控件 中 的 更 新 语句 或 重新 排列 GridView 控件 中 的 列 , 必 须 始 终 确 保 
GridView 控件 传递 到 数据 源 的 值 与 相应 的 数据 源 配 置 匹配 。 
表 5-1 列 出 了 GridView 控件 中 与 数据 编辑 有 关 的 事件 。 


表 5-1 GridView 控件 中 与 数据 编辑 有 关 的 事件 


事件 名 说 明 
在 单 击 GridView 控件 内 某 一 行 的 “Delete” 按 钮 (其 CommandName 属性 设置 为 
RowDeleting “Delete” 的 按钮 ) 时 发 生 , 但 在 GridView 控件 从 数据 源 删除 记录 之 前 。 此 事件 
通常 用 于 取消 删除 操作 
ed 在 单 击 GridView 控件 内 某 一 行 的 “Delete” 按 钮 时 发 生 , 但 在 GridView 控件 从 
数据 源 删除 记录 之 后 。 此 事件 通常 用 于 检查 删除 操作 的 结果 
在 单 击 GridView 控件 内 某 一 行 的 “Edit” 按 钮 (其 CommandName 属性 设置 为 
RowEditing “Edit” 的 按钮 ) 时 发 生 , 但 在 GridView 控件 进入 编辑 模式 之 前 。 此 事件 通常 用 


于 取消 编辑 操作 

在 单 击 GridView 控件 内 某 一 行 的 “Cancel” 按 钮 (其 CommandName 属性 设置 为 
RowCancelingEdit “Cancel” 的 按钮 ) 时 发 生 , 但 在 GridView 控件 退出 编辑 模式 之 前 。 此 事件 通常 
用 于 停止 取消 操作 

在 单 击 GridView 控件 内 某 一 行 的 Update 按钮 (其 CommandName 属性 设置 为 
RowUpdating “Update” 的 按钮 ) 时 发 生 ,但 在 GridView 控件 更 新 记录 之 前 。 此 事件 通常 用 于 
取消 更 新 操作 

在 单 击 GridView 控件 内 某 一 行 的 Update 按钮 时 发 生 ,但 在 GridView 控件 更 
新 记录 之 后 。 此 事件 通常 用 来 检查 更 新 操作 的 结果 


RowUpdated 


ASP.NET GridView 控件 有 一 个 内 置 的 选 定 内 容 功 能 ,允许 用 户 在 网 格 中 选择 一 行 。 
在 GridView 控件 中 选择 一 行 实际 上 不 执行 任何 任务 。 但 是 ,通过 添加 选 定 内 容 功 能 ,可 以 
向 网 格 添加 一 些 功能 ,在 用 户 指向 特定 行 时 进行 某 种 操作 。 将 选 定 功能 添加 到 GridView 
控件 的 典型 用 途 包括 以 下 两 项 : 

。 用 户 选择 某 一 行 时 ,该 行 会 以 不 同 的 外 观 重新 显示 。 

。 用 户 选 择 某 一 行 时 ,相关 数据 会 在 页 中 的 其 他 位 置 显示 ,例如 在 DetailsView 控件 

中 显示 。 

在 智能 标记 面板 中 选择 “启用 选 定 内 容 ”, 或 设置 AutoGenerateSelectButton 属性 为 

True 都 可 以 启用 默认 选 定 内 容 。 


2. DetailsView 控件 的 基本 概念 与 设置 


DetailsView 控件 是 ASP.NET 2. 0 中 另 一 个 常用 的 数据 处 理 控件 , 它 的 功能 和 GridView 
控件 功能 非 党 类似, 同样 具有 编辑 、 删 除 、 分 页 等 功能 ,区 别 在 于 DetailsView 控件 每 次 仅 显 
示 一 条 记录 ,而 GridView 每 次 则 可 以 显示 多 条 记录 ,DetailsView 控件 更 适合 于 向 数据 库 
插入 数据 。 

(1) DetailsView 简介 

使 用 DetailsView 控件 ,用 户 可 以 从 它 的 关联 数据 源 中 一 次 显示 编辑、 插入 或 删除 一 
条 记录 。 即 使 DetailsView 控件 的 数据 源 公 开 了 多 条 记录 ,该 控件 一 次 也 仅 显 示 一 条 数据 


记录 。 上 默认 情况 下 ,DetailsView 控件 将 记录 的 每 
个 字段 显示 在 它 自己 的 一 行内 。DetailsView 控件 


不 支持 排序 。 


DetailsView 控件 可 以 自动 对 其 关联 数据 源 中 的 
数据 进行 分 页 , 若 要 启用 分 页 , 需 将 AllowPaging 


属性 设置 为 True。 从 关联 


录 时 , 可 以 通过 分 页 到 该 记录 进行 选择 。 由 


DetailsView 控件 显示 的 记 
如 图 5-1 所 示 ,Details 
辑 、 删 除 \、 分 页 等 功能 。 


典型 的 DetailsView 控件 具有 如 下 的 类 似 


代码 : 
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5-1 DetailsView 控件 操作 界面 


<asp:DetailsView ID = "DetailsViewl" runat = "server" 
AutoGenerateRows = "False" BackColor = "LightGoldenrodYellow" 
BorderColor = "Tan" BorderWidth= "lpx" CellPadding = "2" 


DataKeyNames = 


title_id" DataSourceID = "SourceBookDetail" 


ForeColor = "Black" GridLines = "None" Height = "50px" Width = "217px"> 


< FooterStyle BackColor 


"Tan" /> 


< EditRowStyle BackColor = "DarkSlateBlue" ForeColor = "GhostWhite" /> 


< PagerStyl 


<Fields> 


e BackColor = "PaleGoldenrod" ForeColor = "DarkSlateBlue" 
HorizontalAlign = "Center" /> 


<asp:BoundField DataField= "title_id" HeaderText = "title_id" 


ReadOnly = "True" SortExpression = "title id" /> 


< asp:BoundField DataField = "title" HeaderText = "title" SortExpression= "title" /> 


<asp: 


<asp: 


<asp: 


<asp: 


<asp: 


<asp: 


<asp: 


<asp: 
芒 


BoundField DataField = "type" HeaderText = "type" 
SortExpression = "type" /> 

BoundField DataField= "pub_id" HeaderText = "pub_id" 
SortExpression = "pub_id" /> 

BoundField DataField= "price" HeaderText = "price" 
SortExpression = "price" DataFormatString= "{0:c}" /> 

BoundField DataField = "advance" HeaderText = "advance" 
SortExpression = "advance" /> 

BoundField DataField = "ytd_sales" HeaderText = "ytd_sales" 
SortExpression = "ytd_sales" /> 

BoundField DataField= "notes" HeaderText = "notes" 
SortExpression = "notes" /> 

BoundField DataField = "pubdate" HeaderText = "pubdate" 
SortExpression = "pubdate" /> 

TemplateField HeaderText = "Image"> 

ItemTemplate> 

<asp:Image ID= "Imagel" runat = "server" 


ImageUrl = <%# Eval("image", "~\\images\\bookimages\\{0}") %>'/> 


</asp 
</Fields> 


</ItemTemplate> 
:TemplateField> 
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< HeaderStyle BackColor = "Tan" Font - Bold= "True" /> 
< HeaderTemplate> 
Detail information of book 
</HeaderTemplate> 
<AlternatingRowStyle BackColor = "PaleGoldenrod" /> 
</asp:DetailsView> 
以 上 语法 结构 与 GridView 非常 类 似 , 其 中 不 同 处 是 字段 的 语法 ,在 GridView 中 是 
Columns ,但 是 DetailsView 则 为 Fields 。 
(2) DetailsView 控件 基本 设置 
DetailsView 属性 大 多 与 GridView 类 似 , 下 面 仅 介 绍 不 同 的 属性 。 
。 DefaultMode: 可 以 设置 DetailsView 的 默认 模式 ,用 户 执行 DetailsView 时 的 默认 
模式 包括 Read Only( 只 读 模式 ) .Edit( 编 辑 模式 ) Insert( 新 建 模式 ) 。 
。 Fields: DetailsView 的 字段 ,相当 于 GridView 的 Columns。 
DetailsView 控件 的 字段 称 为 Field, 包 含 在 二 Fields 之 一 /Fields 之 标签 中 , 表 5-2 列 出 
了 主要 的 字段 类 型 。 
表 5-2 DetailsView 字段 说 明 


DetailsView 字段 说 明 
BoundField( 数 据 绑 定 字段 ) 将 数据 以 文字 方式 显示 ,默认 字段 
ButtonField( 按 钮 字段 ) 可 显示 为 PushButton 或 LinkButton, 单 击 产生 RowCommand 事件 
CheckBoxField(CheckBox 字段 ) | 将 数据 以 CheckBox 控件 方式 显示 ,数据 类 型 为 Boolean 时 适用 
CommandField( 命 令 字 段 ) 显示 编辑 \ 删 除 、 修 改 ,选择 时 的 按钮 
HyperLinkField( 超 级 链接 字段 ) | 将 数据 以 HyperLink 超 链接 方式 显示 
ImageField( 图 片 字 段 ) 将 数据 以 图 片 方式 显示 
TemplateField( 模 板 字段 ) 模板 字段 ,可 将 字段 替换 为 任何 控件 ,并 实现 数据 绑 定 


DetailsView 控件 的 模板 字段 有 下 列 类 型 ,如 表 5-3 所 示 。 
DetailsView 控件 的 字段 模板 比 GridView 多 了 新 建 模板 (InsertTemplate) ,但 是 少 了 
表 尾 模板 (FooterTemplate) 。DetailsView 控件 还 有 4 个 表格 模板 ,如 表 5-4 所 示 。 


表 5-3 ”DetailsView 模板 字段 表 5-4 ”DetailsView 的 表格 模板 

字段 模板 说 明 表格 模板 说 明 
ItemTemplate 项 目 模板 pt 如 果 没 有 任何 数据 时 显 
AlternatingItemTemplate 交错 行 样式 示 的 模板 
EditItemTemplate 编辑 项 目 模板 PagerTemplate 分 页 按钮 的 模板 
HeaderTemplate 表 头 模板 HeaderTemplate 表 头 模板 
InsertTemplate 新 建 模板 FooterTemplate 表 尾 模 板 


(3) 在 DetailsView 控件 中 进行 分 页 

DetailsView 控件 具有 一 些 内 置 的 独特 功能 ,允许 用 户 一 次 一 条 地 对 记录 分 页 ,还 支持 
自 定义 分 页 用 户 界面 (UD 。 在 DetailsView 控件 中 ,一 个 数据 页 就 是 一 个 绑 定 记录 。 

如 果 DetailsView 控件 被 绑 定 到 某 个 数据 源 控 件 , 则 此 控件 将 从 数据 源 获取 所 有 记录 ， 
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显示 当前 页 的 记录 ,并 丢弃 其 余 的 记录 。 当 用 户 移 到 另 一 页 时 ,DetailsView 控件 会 重复 此 
过 程 , 显 示 另 一 条 记录 。 

如 果 用 户 正 使 用 SqlDataSource 控件 ,并 将 其 DataSourceMode 属性 设置 为 
DataReader, 则 DetailsView 控件 无 法 实现 分 页 。 

DetailsView 控件 支持 对 其 数据 源 中 的 记录 进行 分 页 , 若 要 启用 分 页 , 只 需 将 
AllowPaging 属性 设置 为 True, 则 在 控件 的 最 下 端 会 添加 页 码 显示 ,如 图 5-22 所 示 。 

用 户 可 以 用 多 种 方式 自 定义 DetailsView 分 页 的 用 户 界 面 。 在 将 AllowPaging 属性 设 
置 为 True 时 ,PagerSettings 属性 允许 自 定义 DetailsView 控件 生成 的 分 页 用 户 界 面 的 外 
观 。DetailsView 控件 可 显示 允许 向 前 和 向 后 导航 的 方向 控件 以 及 允许 用 户 移 动 到 特定 页 
的 数字 控件 。 

DetailsView 控件 的 PagerSettings 属性 设置 为 一 个 PagerSettings 类 。 可 以 通过 将 
DetailsView 控件 的 Mode 属性 设置 为 PagerButtons 值 来 自 定义 分 页 模式 。 例 如 ,用 户 可 
以 通过 以 下 代码 来 自 定义 分 页 用 户 界面 模式 : 


DetailsView1. PagerSettings. Mode = PagerButtons.NextPreviousFirstLast; 
也 可 以 通过 属性 窗口 设置 Mode 属性 来 指定 分 页 用 户 界面 ,可 用 的 模式 如 表 5-5 所 示 。 
表 5-5 PagerSettings. Mode 属性 


Mode 设置 说 明 图 例 
NextPrevious 只 有 上 一 页 .下 一 页 ma 
Numeric 只 显示 数字 123456 
NextPreviousFirstLast 显示 第 一 页 、 上 一 页 .下 一 页 .最 后 一 页 <<<>>> 
NumericFirstLast 显示 上 一 页 \ 下 一 页 ,数字 二 <<…456… 之 之 


(4) 使 用 DetailsView 控件 修改 数据 

DetailsView 控件 具有 一 项 内 置 功能 ,可 让 用 户 能 够 无 须 编程 即 可 编辑 .删除 和 插入 记 
录 , 用 户 可 以 使 用 事件 和 模板 来 自 定 义 DetailsView 控件 的 编辑 功能 。 在 DetailsView 控件 
中 显示 来 自 数据 源 的 单条 记录 的 值 ,其 中 每 个 数据 行 表示 。 
该 记录 的 一 个 字段 。 


DetailsViewl Systen Web. UT WebControls Di 


用 户 可 以 通过 将 AutoGenerateEditButton、 | 去 可 | 大志 吾 
AutoGenerateInsertButton 和 AutoGenerateDeleteButton | ete ES 四 
属性 中 的 一 个 或 多 个 设置 为 True, 来 启用 DetailsView 控 ! FE 上- 


件 的 内 置 编辑 功能 ,如 图 5-2 所 示 。DetailsView 控件 将 自 | ww 
动 添加 此 功能 ,使 用 户 能 够 编辑 或 删除 当前 绑 定 的 记录 以 | Ag = 
及 插入 新 记录 ,但 前 提 是 DetailsView 控件 的 数据 源 支持 i 
编辑 。 i 
DetailsView 控件 提供 了 一 个 用 户 界面 ,使 用 户 能 够 修 。 om 和 “和” 于 

改 绑 定 记录 的 内 容 。 通 常 ,在 一 个 可 编辑 视图 中 会 显示 一 
个 附加 行 ,其 中 包含 “编辑 "、“ 新 建 ”" 和 “删除 ”命令 按钮 。 
默认 情况 下 ,这 一 行 会 添加 到 DetailsView 控件 的 底部 。 


5-2 启用 DetailsView 
内 置 编辑 功能 


当 用 户 单 击 某 个 命令 按钮 时 ,DetailsView 控件 会 重新 显示 该 行 ,并 在 其 中 显示 可 让 用 
户 修改 该 行内 容 的 控件 ,编辑 按钮 将 被 蔡 换 为 可 让 用 户 保存 更 改 或 取消 编辑 行 的 按钮 。 在 
完成 更 新 后 ,DetailsView 控件 会 引发 temUpdated 事件 。 此 事件 使 我 们 有 机 会 执行 数据 
库 更 新 后 的 必要 代码 ,如 完整 性 检查 。 同 样 , DetailsView 控件 会 在 完成 插入 后 引发 其 
ItemInserted 事件 ,而 在 完成 删除 后 引发 其 TtemDeleted 事件 。 在 完成 更 新 且 已 引发 所 有 事 
件 后 ,DetailsView 控件 会 重新 绑 定 到 数据 源 控件 以 显示 更 新 后 的 数据 。 

(5) DetailsView 控件 常用 事件 

DetailsView 控件 可 引发 一 些 事件 ,这 些 事件 在 当前 记录 显示 或 更 改 时 发 生 。 当 单 击 一 
个 命令 控件 (如 作为 DetailsView 控件 的 一 部 分 的 Button 控件 ) 时 也 会 引发 事件 , 表 5-6 列 
出 了 DetailsView 控件 的 常用 事件 。 


表 5-6 ”DetailsView 控件 常用 事件 


事件 名 称 说 明 
ItemCommand 在 单 击 DetailsView 控件 中 的 某 个 按钮 时 发 生 
ItemCreated 在 DetailsView 控件 中 创建 记录 时 发 生 
ItemDeleting 在 单 击 DetailsView 控件 中 的 Delete 按钮 时 发 生 ,但 在 删除 操作 之 前 
ItemDeleted 在 单 击 DetailsView 控件 中 的 Delete 按钮 时 发 生 , 但 在 删除 操作 之 后 
ItemlInserting 在 单 击 DetailsView 控件 中 的 Insert 按钮 时 发 生 , 但 在 插入 操作 之 前 
ItemInserted 在 单 击 DetailsView 控件 中 的 Insert 按钮 时 发 生 ,但 在 插入 操作 之 后 
ItemUpdating 在 单 击 DetailsView 控件 中 的 Update 按钮 时 发 生 , 但 在 更 新 操作 之 前 
ItemUpdated 在 单 击 DetailsView 控件 中 的 Update 按钮 时 发 生 , 但 在 更 新 操作 之 后 
在 DetailsView 控件 试图 在 编辑 、 插 入 和 只 读 模式 之 间 切 换 时 发 生 , 但 在 更 新 
CurrentMode 属性 之 前 
在 DetailsView 控件 试图 在 编辑 、 插 入 和 只 读 模 式 之 间 切 换 时 发 生 , 但 在 更 新 
CurrentMode 属性 之 后 


ModeChanging 


ModeChanged 


5.4 项 目 实 施 


5.4.1 任务 5-1 使 用 Gridview 控件 实现 图 书信 息 修改 功能 


1. 任务 介绍 
在 本 任务 中 ,实现 对 图 书信 息 的 修改 ,删除 功能 。 
2. 任务 分 析 


GridView 控件 具有 一 些 内置 功 能 ,人 允许 在 不 需要 编程 的 情况 下 编辑 或 删除 记录 ,下面 
就 用 它 来 实现 对 图 书信 息 的 修改 。 

(1) 创建 显示 图 书信 息 的 Web 页 面 

首先 ,我们 来 创建 一 个 存放 有 关 产 品 信息 Web 页 的 文件 夹 manage, 这 也 对 应 着 系统 设 
计 中 的 一 个 功能 模块 。 

采用 和 4.4.1 小 节 任 务 4-1 中 步骤 1 相同 的 方法 ,创建 一 个 Web 页 面 BooksInfoEdit. aspx， 
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在 页 面 中 拖 放 和 人 一 个 GridView 控件 和 一 个 SqlDataSource 控件 ,如 图 5-3 所 示 。 


| contene - ContentI ( 自 定义 ) 


Colhumng Columnl Column? 
labe she abe 
abc abc she 
labe dhe she 
abe she sbe 
[ae bc she 


qlDataSource - sdData5ourcel 


图 5-3 BooksInfoEdit. aspx 页 面 


(2) 设置 SqlDataSource 数据 源 

单 击 SqlDataSource 控件 的 智能 按钮 ,在 弹出 的 菜单 中 选择 “配置 数据 源 …”, 打 开 * 配 
置 数据 源 ” 对 话 框 , 在 可 选 数据 源 下 拉 列 表 中 选中 已 建立 的 连接 NetBookConnectionString， 
单 击 “下 一 步 ” 按 钮 , 进 到 “配置 数据 源 ” 对 话 框 的 “配置 Select 语句 步骤 ,选中 t_book 表 , 勾 
选 除 " * ”外 所 有 字段 ,如 图 5-4 所 示 。 


配置 数据 源 - SqlDalaSource1 


| 配置 Select 语句 


希望 如 何 从 数 括 库 中 检索 数据 ? 
指定 自 定义 5QL 语 名 或 存储 过 程 (3) 


[bookname], [158N], [author], [publsher], [pubdate], De [prcel 


bo 
[NetBookPrice], [picture], [memo], [amount], [secondCategory1d], [recommendFlagj 


i$ [下 一 上 > PE 
5-4 “配置 Select 语句 ”对话 框 


单 击 “ 高 级 …” 按 钮 ,弹出 “高 级 SQL 生成 选项 ”对 话 框 ,如 图 5-5 所 示 。 

选中 “生成 INSERT、UPDATE 和 DELETE 语句 ” 复 选 框 , 单 击 * 确 定 ” 按 钮 。 然 后 依次 
单 击 “下 一 步 ? 按 钮 ,直到 完成 配置 。 

查看 页 面 的 源 试图 ,系统 生成 的 SqlDataSource 控件 的 源 代码 如 下 所 示 。 


< asp: SqlDataSource ID = " SqlDataSourcel ” runat = " server" ConnectionString = "<% $ 
ConnectionStrings:NetBookConnectionString %>" 

SelectCommand = "SELECT [bookid], [bookname], [ISBN], [author], [publisher], [pubdate], 
[pubnumber], [price], [NetBookPrice], [picture], [memo], [amount], [secondCategoryId], 
[recommendFlag ], [ recommendDate ], [ recommendMemo ], [ NetBookDate ], [ CategoryId ], 


高 级 SQL 生成 选项 
可 以 生成 附加 的 IN5ERT、UPDATE 和 DELETE 语句 来 更 新 数据 源 。 


器 焉 成 InsERT、UPDATE 和 DELETE 语 襄 (G) 


基于 SELECT 语句 生成 IN5ERT、UPDATE 和 DELETE 语句 。 必 须 选 定 
所 有 主键 字段 才能 局 用 此 选项 。 


重用 开放 式 并 发 (0) 


图 5-5 “高 级 SQL 生成 选项 ”对 话 框 


[discount], [saleamount] FROM [t_book]" 

DeleteCommand = "DELETE FROM [七 book] WHERE [bookid] = @bookid" 

InsertCommand = " INSERT INTO [t_book] ([bookname], [ISBN], [author], [publisher], 
[ pubdate ], [ pubnumber ], [ price], [ NetBookPrice ]， [picture], [ memo ]， [amount ], 
[secondCategoryId], [recommendFlag], [recommendDate], [ recommendMemo ]， [ NetBookDate], 
[CategoryId], [discount], [saleamount]) VALUES ((@bookname, @ISBN, @author, @publisher, 
@ pubdate, @ pubnumber, @ price, @ NetBookPrice, @ picture, @ memo, @ amount, 
@secondCategoryId, @ recommendFlag, (@ recommendDate, (@ recommendMemo, (@ NetBookDate, 
@CcategoryId, @discount, @saleamount)" 

UpdateCommand = " UPDATE [t_book] SET [bookname] = (@ bookname, [ISBN] = (@ ISBN, 
[author] = @author, [publisher] = @publisher, [pubdate] = @pubdate, [pubnumber] = 
@pubnumber, [price] = @price, [NetBookPrice] = @NetBookPrice, [picture] = @picture, 
[memo] = @ memo, [amount] = @ amount, [ secondCategoryId] = @ secondCategoryId, 
[recommendFlag] = @recommendFlag, [recommendDate] = @recommendDate, [recommendMemo] = 
@recommendMemo, [NetBookDate] = (@NetBookDate, [CategoryId] = @CategorylId, [discount] = 
@discount, [saleamount] = @saleamount WHERE [bookid] = @bookid"> 

< DeleteParameters> 

<asp:Parameter Name = "bookid" Type = "Int32" /> 
</DeleteParameters> 

< UpdateParameters> 

<asp:Parameter Name = "bookname" Type = "String" /> 
<asp:Parameter Name = "ISBN" Type= "String" /> 
<asp:Parameter Name = "author" Type = "String" /> 
<asp:Parameter Name = "publisher" Type = "String" /> 
<asp:Parameter DbType = "Date" Name = "pubdate" /> 
<asp:Parameter Name = "pubnumber" Type = "Int32" /> 
<asp:Parameter Name = "price" Type = "Decimal" /> 
<asp:Parameter Name = "NetBookPrice" Type = "Decimal" /> 
<asp:Parameter Name = "picture" TYpe = "String" /> 
<asp:Parameter Name = "memo" Type = "String" /> 
<asp:Parameter Name = "amount" Type = "Int32" /> 
<asp:Parameter Name = "secondCategoryId" Type = "Int32" /> 
<asp:Parameter Name = "recommendFlag" Type = "Boolean" /> 
<asp:Parameter DbType = "Date" Name = "recommendDate" /> 
<asp:Parameter Name = "recommendMemo" Type = "String" /> 
<asp:Parameter DbType = "Date" Name = "NetBookDate" /> 
<asp:Parameter Name = "CategoryId" Type= "Int32" /> 
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<asp:Parameter Name = "discount" Type = "Decimal" /> 
<asp:Parameter Name = "saleamount" Type = "Int32" /> 
<asp:Parameter Name = "bookid" Type = "Int32" /> 
</UpdateParameters> 
< InsertParameters> 
<asp:Parameter Name = "bookname" Type= "String" /> 
<asp:Parameter Name = "ISBN" Type = "String" /> 
<asp:Parameter Name = "author" Type= "String" /> 
<asp:Parameter Name = "publisher" Type = "String" /> 
<asp:Parameter DbType = "Date" Name = "pubdate" /> 
<asp:Parameter Name = "pubnumber" Type = "Int32" /> 
<asp:Parameter Name = "price" Type = "Decimal" /> 
<asp:Parameter Name = "NetBookPrice" Type = "Decimal" /> 
<asp:Parameter Name = "picture" TYpe = "String" /> 
<asp:Parameter Name = "memo" Type = "String" /> 
<asp:Parameter Name = "amount" Type= "Int32" /> 
<asp:Parameter Name = "secondCategoryId" Type = "Int32" /> 
<asp:Parameter Name = "recommendFlag" Type = "Boolean" /> 
<asp:Parameter DbType = "Date" Name = "recommendDate" /> 
<asp:Parameter Name = "recommendMemo" Type = "String" /> 
<asp:Parameter DbType = "Date" Name = "NetBookDate" /> 
<asp:Parameter Name = "CategoryId" Type = "Int32" /> 
<asp:Parameter Name = "discount" Type = "Decimal" /> 
<asp:Parameter Name = "saleamount" Type = "Int32" /> 
</InsertParameters> 
</asp:SqlDataSource> 


从 源 代码 可 以 看 出 ,设置 工具 为 自动 生成 了 SelectCommand、DeleteCommand、 
InsertCommand 和 UpdateCommand 的 对 应 SQL 语句 ,并 且 为 每 个 语句 创建 了 必要 的 参 
数 。 因 为 在 本 任务 中 不 涉及 插入 命令 ,所 以 可 以 把 所 有 有 关 Insert 的 内 容 ( 灰 底 纹 部 分 ) 删 
去 。 由 于 discount 字段 是 计算 字段 ,不 可 编辑 , 故 也 必须 在 UpdateCommand 命令 中 将 其 删 
除 ( 即 将 带 有 下 划 线 部 分 删除 ) 。 

(3) 设置 GridView 控件 

配置 好 SqlDataSource 数据 源 控件 后 ,就 要 设置 GridView 控件 ,作为 用 户 操 作 数据 库 ， 
修改 图 书信 息 的 界面 。 

单 击 GridView 控件 的 智能 按钮 ,弹出 “GridView 任务 ”菜单 ,在 自动 套用 格式 对 话 框 
选择 “彩色 ”选项 ,在 “选择 数据 源 ” 下 拉 列 表 中 选择 先前 配置 好 的 “SqlDataSourcel”。 

由 于 选择 了 数据 源 ,系统 根据 所 选 数 据 源 控件 的 配置 情况 ,增添 了 可 选 功能 ,更 新 了 
“GridView 任务 " 莱 单 ,下 面 要 设置 GridView 控件 的 显示 外 观 , 先 单 击 “ 编 辑 列 …” 按 钮 , 弹 
出 “字段 ”对 话 框 ,如 图 5-6 所 示 。 

在 图 5-6 中 ,一 方面 对 所 有 绑 定 字段 进行 属性 设置 ,调整 它们 的 外 观 和 格式 ,另外 还 要 
添加 命令 字段 。 单 击 “ 可 用 字段 ”下拉 列表 中 CommandField 左边 展开 符 ,选中 “编辑 、 更 新 、 
取消 ”选项 , 单 击 “ 添 加 ”按钮 。 再 选中 “删除 ”选项 , 单 击 “ 添 加 ”按钮 。 如 果 有 些 绑 定 字段 不 
需要 在 此 编辑 ,可 以 把 它们 从 * 选 定 的 字段 ?列表 中 删除 。 

勾 选 智能 菜单 中 的 “启用 排序 ”和 “启用 分 页 " 复 选 框 。 经 过 编辑 ,GridView 控件 如 图 5-7 
所 示 。 
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可 用 字段 ComnanaFisld 属性 全 ) 
国 WpeLingind 时 国 
加 meeeriaa 
国 Buttengiaa 

日 钱 commanigiald 
因 办 咎 更 新 、 职 消 DeleteInsesI 
闻 选 和 DeletaText 
局 凤 除 、 EditInaeelrl 
了 aitText 
FooterText 


(Cancelinaeetrl 
CancelText 


选 定 的 字段 @) ed io 
MeaderText 


国 书 名 
国 关 型 
国 价格 
国 说 明 NederTezt 

国 出 版 其 此 字段 的 标 头 内 的 文本 。 
| 织 千 、 更 新 、 职 六 ] 


口 自动 生成 字段 @ 


InsertInagelrl 
InsertText 


届 新 加 构 


编辑 删除 
1 abc abc abc 0.10 ”编辑 把 除 | 
|2 abc ab abc 0.20 ”编辑 删除 
3 abc abc 翅 ¥030 abc abc 0.30 ”编辑 删除 
4 abc abc abc 2009 年 8 月 2 日 ¥040 abc abc 040 ”编辑 删除 | 
多 abc abc abc 2009 年 8 月 12 日 站 0.50 abc abc 050 编辑 贡 除 
le abe abce a 月 12 日 ¥¥0.60 abe 地 0.60 ”编辑 删除 
7 abce abc i ¥ 070 编辑 翅 除 | 
|8 abe abce abc 080 ”编辑 贡 除 
|9 abe abc a 090 ”编辑 反 除 
12 | 
图 5-7 经 过 编辑 的 GridView 控件 
按 F5 键 调试 程序 ,将 显示 如 图 5-8 所 示 的 运行 时 效果 。 
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图 5-8 运行 时 初始 效果 


在 运行 时 的 初始 状态 ,GridView 控件 显示 了 图 书信 息 , 每 条 记录 一 行 ,与 以 往 不 同 的 
是 ,在 每 条 记录 的 右 侧 ,有 两 个 链接 ,分 别 是 “编辑 ”和 “删除 ”。 它 们 就 是 命令 字段 
CommandField 中 的 两 个 ,因为 它们 的 属性 ButtonType 默认 是 “Link”, 所 以 显示 为 超 链接 ， 
我 们 也 可 以 把 它们 改 为 按钮 (Button) 或 图 像 (Image)。 

当 我 们 要 编辑 某 条 记录 时 ,只 需 单 击 “ 编 辑 ” 链 接 , 就 可 以 使 该 条 记录 进入 编辑 状态 ,如 
图 5-9 所 示 。 
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2 到 间 少 年 和 所 之 后。 巴西) 要 咯 。。 南 际 093 年 4 月 1 日 Yas.00 


3 要 二 扣 [5 上 让 oaz 第 4 有 8 日 Vio0 me /3 ipe 村 - 及 门 #75 编组 


AR sa eso。 


图 5-9 ”GridView 控件 的 编辑 状态 


处 于 编辑 状态 的 记录 ,每 个 字段 如 果 是 布尔 值 ,就 有 一 个 复 选 框 用 来 输入 编辑 值 , 如果 
是 非 布尔 值 , 则 有 一 个 文本 输入 框 用 来 输入 编辑 值 。 记 录 的 右 侧 有 两 个 链接 ,分 别 是 “更 新 ” 
和 “取消 ”。 当 编辑 完成 后 ,如 果 单 击 “ 更 新 "链接 ,就 用 新 编辑 的 值 更 新 数据 库 , 如 果 单 击 “ 取 
消 " 链 接 , 就 放弃 本 次 编辑 。 

如 果 我 们 单 击 某 条 记录 右边 的 超 链 接 * 删 除 ”, 就 会 删除 这 条 记录 。 

不 管 是 编辑 还 是 删除 ,对 数据 库 的 操作 都 有 成 功 和 失败 两 种 可 能 。 为 了 向 用 户 准 确 地 
告知 操作 的 结果 ,我们 可 以 利用 相应 的 GridView 事件 ,来 完善 我 们 的 操作 。GridView 控件 
关于 数据 操作 完整 的 事件 列表 , 见 表 5-1。 

下 面 以 删除 数据 为 例 , 介 绍 事件 响应 代码 。 假 设 在 页 面 中 插入 一 个 标签 控件 ,ID 为 
Message, 作 用 是 显示 操作 结果 。 显 示 图 书信 息 的 GridView 控件 的 ID 是 BookInfoGridView， 
它 的 响应 删除 操作 的 代码 如 下 : 

void BookInfoGridView_RowDeleted(Object sender, GridViewDeletedEventArgse) { 

// 操作 成 功 


if(e.Exception== null) { 
Message. Text = "记录 被 成 功 删除 "; 


} 
// 操 作 失 败 
else { 
Message. Text = "有 错误 产生 , 记录 违背 删除 "; 
e. ExceptionHandled = true; 
} 
} 


3. 任务 完成 总 结 


本 任务 要 实现 网 站 图 书 管理 的 功能 , 即 修 改 、 删 除 相关 的 图 书信 息 。 利 用 控件 具有 的 内 
置 功能 ,可 以 非常 方便 地 编辑 或 删除 记录 ,判断 操作 是 否 成 功 ,可 以 用 GridView 控件 的 相 


应 事件 来 进行 检测 。 
4. 课堂 训练 与 知识 拓展 


GridView 控件 处 于 编辑 状态 时 ,默认 情况 下 各 字段 用 一 个 复 选 框 或 文本 输入 框 来 输入 
编辑 值 。 在 有 些 情况 下 ,用 户 要 输入 的 值 是 某 个 列表 中 的 一 个 ,例如 输入 省 份 、 职 业 等 ,这 时 
最 好 的 方案 是 采用 下 拉 列 表 框 。 如 果 某 个 字段 要 采用 非 默认 控件 输入 ,可 以 将 这 个 字段 改 
为 模板 字段 ,在 模板 中 加 入 所 需 的 控件 ,并 将 选 定 值 绑 定 到 对 应 字段 。 


5.4.2 任务 5-2 使 用 DetailsView 控件 实现 图 书信 息 浏览 、 修 改 、 
删除 和 增加 功能 


1. 任务 介绍 


在 实际 应 用 中 ,图 书 的 数目 往往 非常 庞大 ,而 且 每 条 记录 的 具体 字段 又 很 多 ,采用 任 
务 5-1 的 方法 往往 不 能 完全 满足 需求 ,因此 ,在 本 任务 中 就 要 采用 另外 更 加 有 效 的 方法 实现 
对 图 书信 息 的 修改 、 删 除 和 增加 功能 。 


2. 任务 分 析 


在 本 任务 中 要 采用 更 加 有 效 的 方法 实现 对 图 书信 息 的 修改 .删除 和 增加 ,使 用 
DetailsView 控件 是 最 好 的 选择 。 

采用 DetailsView 控件 ,可 以 从 它 的 关联 数据 源 中 一 次 显示 、 编 辑 . 插 和 人 或 删除 一 条 记 
录 。 默 认 情 况 下 , DetailsView 控件 将 记录 的 每 个 字段 显示 在 它 自己 的 一 行内 。 
DetailsView 控件 通常 用 于 更 新 和 插入 新 记录 ,并 且 通 常 在 主 /从 方案 中 使 用 ,在 这 些 方案 
中 , 主 控件 的 选中 记录 决定 要 在 DetailsView 控件 中 显示 的 记录 。 即 使 DetailsView 控件 的 
数据 源 返 回 了 多 条 记录 ,该 控件 一 次 也 仅 显 示 一 条 数据 记录 。 

DetailsView 控件 依赖 于 数据 源 控件 的 功能 执行 诸如 更 新 .插入 和 删除 记录 等 任务 。 

(1) 创建 包含 DetailsView 控件 的 Web 页 面 

首先 ,在 文件 夹 manage 下 创建 一 个 Web 页 面 BookDetailsEdit. aspx, 在 页 面 中 拖 放 入 
一 个 GridView 控件 ,一 个 DetailsView 控件 和 两 个 SqlDataSource 控件 ,如 图 5-10 所 示 。 
两 个 SqlDataSource 控件 分 别 命名 为 BookSource 和 DetailsSource。 
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5-10 ”BookDetailsEdit. aspx 页 面 


(2) 设置 显示 图 书 概要 信息 的 数据 源 

首先 单 击 bookSource 控件 的 智能 按钮 ,在 弹出 的 菜单 中 选择 “配置 数据 源 …”, 打 开 “ 配 置 
数据 源 ” 对 话 框 ,在 可 选 数 据 源 下 拉 列 表 中 选中 先前 建立 的 连接 “NetBookConnectionString”, 单 
击 “ 下 一 步 ” 按 钮 , 进 到 “配置 数据 源 " 对 话 框 的 “配置 Select 语句 ”步骤 ,选中 t_book 表 , 勾 选 
几 个 重要 字段 ,如 图 5-11 所 示 。 


配置 数据 源 -bookSource 


| 配置 select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 


| 站) 到 中 一 和 
NetBookPrice 


加 pture [| 


SELECT [bookid], [bookname], [158N], [author], [price] FROM [t_book] 


< | [下 一 步 册 > 1 


图 5-11 ”bookSource 控件 的 “配置 Select 语句 ”步骤 


依次 单 击 “ 下 一 步 ?按钮 ,直到 完成 配置 。 

(3) 设置 显示 图 书 概要 信息 的 控件 

配置 好 显示 图 书 概要 信息 的 数据 源 控件 bookSource 后 ,就 要 设置 显示 图 书 概要 信息 的 
GridView 控件 ,让 用 户 浏览 信息 ,选中 要 编辑 的 记录 。 

单 击 GridView 控件 的 智能 按钮 ,弹出 “GridView 任务 菜单 ,在 自动 套用 格式 对 话 杠 
中 选择 “彩色 ?选项 ,在 “选择 数据 源 ” 下 拉 列 表 中 选择 先前 配置 好 的 “bookSource”。 

由 于 选择 了 数据 源 , 系 统 根据 所 选 数据 源 控 件 的 配置 情况 ,增添 了 可 选 功能 ,更 新 了 
“GridView 任务 ”菜单 。 下 面 设置 GridView 控件 的 显示 外 观 , 先 单 击 “ 编 辑 列 …” 按 钮 , 弹 
出 “字段 ”对 话 框 ,如 图 5-12 所 示 。 

在 图 5-12 中 ,一 方面 对 所 有 绑 定 字段 进行 属性 设置 ,调整 它们 的 外 观 和 格式 ,另外 还 要 
添加 命令 字段 。 单 击 “ 可 用 字段 ”下 拉 列 表 中 CommandField 左边 展开 符 , 选 中“ 选择” 选项， 
单 击 “ 添 加 ”按钮 。 

勾 选 智能 菜单 中 的 “启用 排序 ”和 “启用 分 页 ” 复 选 框 。 经 过 编辑 ,GridView 控件 如 图 5-13 
所 示 。 

(4) 设置 显示 图 书 详 细 信息 的 数据 源 

采用 和 任务 5-1 中 步骤 4 完全 一 样 的 方法 ,配置 显示 图 书 详细 信息 的 数据 源 控件 
detailsSource, 这 次 在 源 代码 中 只 需要 删除 UpdateCommand 和 InsertCommand 命令 中 的 
discount 部 分 。 

因为 要 显示 详细 数据 的 只 有 一 条 记录 ,也 就 是 用 户 在 GridView 控件 中 选 定 的 记录 ,所 


可 用 字段 四) 


图 5-12 显示 图 书 概要 信息 的 GridView 控件 的 “字段 "对 话 框 
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图 5-13 显示 图 书 概要 信息 的 GridView 控件 


以 必须 在 SelectCommand 中 增加 一 个 限制 条 件 。 在 配置 Selecct 语句 的 对 话 框 中 , 单 击 


“WHERE…” 按 钮 ,弹出 “添加 WHERE 子 句 ”对 话 框 ,如 图 5-14 所 示 。 


在 “ 列 ”" 下 拉 列 表 中 选择 bookid" 字 段 ; 在 “运算 符 ” 下 拉 列 表 中 选择 “二 ”; 在 “ 源 ” 下 拉 
列表 中 选择 “Control” ,表示 SQL 参数 将 由 控件 来 提供 ; 在 “控件 ID” 下 拉 列 表 中 选择 显示 
图 书 概要 信息 的 GridView1。 单 击 “ 添 加 ”按钮 ,系统 在 “WHERE 子 句 "文本 框 中 生成 相应 


的 SQL 表达 式 , 如 图 5-15 所 示 。 
单 击 “ 确 定 ” 按 钮 ,然后 依次 单 击 “ 下 一 步 ” 按 钮 直到 完成 整个 配置 。 


悉 加 WHERE 子 句 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 从 数 化 的 值 。 参 数 化 
的 值 在 运行 时 根据 其 悍 性 获取 值 。 


NO: 
[bookd 
运算 符 (P): 


图 5-14 “添加 WHERE 子 句 ”对 话 框 


(5) 设置 显示 图 书 详细 信息 的 显示 控件 
单 击 DetailsView 控件 的 智能 按钮 ,弹出 如 图 5-16 所 示 的 菜单 。 


添加 新 字 耻 
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图 5-15 自动 生成 的 SQL 表达 式 图 5-16 DetailsView 控件 的 智能 菜单 


在 自动 套用 格式 对 话 框 中 选中 “彩色 ”选项 ,在 “选择 数据 源 ” 下 拉 列 表 选 择 先前 配置 好 
的 “detailsSource”。 由 于 选择 了 数据 源 , 系 统 根据 所 选 数据 源 控件 的 配置 情况 ,增添 可 选 功 
能 ,更 新 菜单 。 

下 面 设置 DetailsView 控件 的 显示 外 观 。 单 击 “ 编 辑 字 段 …” 菜 单项 ,弹出 “字段 "对话 
框 ,如 图 5-17 所 示 。 

在 图 5-17 中 ,一 方面 对 所 有 绑 定 字段 进行 属性 设置 ,调整 它们 的 外 观 和 格式 ,另外 还 要 
添加 命令 字段 。 单 击 “ 可 用 字段 ”下拉 列表 中 CommandField 左边 展开 符 , 分 别 选 中 “编辑 、 
更 新 .取消 ?选项 “删除 ?选项 和 “新建 .插入 .取消 ?选项 , 单 击 “ 添 加 ”按钮 。 

经 过 编辑 ,DetailsView 控件 如 图 5-18 所 示 。 

按 F5 键 调 试 程序 ,将 显示 如 图 5-19 所 示 的 运行 时 效果 。 

因为 还 没 选中 任何 图 书 , 所 以 在 初始 界面 上 只 是 显示 了 GridView 控件 , 列 出 了 图 书 的 
概要 信息 ,当选 中 其 中 任意 一 本 书 时 ,将 显示 如 图 5-20 所 示 的 结果 。 
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选 定 的 字段 (3): 
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图 5-20 任务 5-2 选中 图 书 时 运行 的 结果 
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我 们 可 以 看 到 ,在 DetailsView 控件 中 显示 出 了 选中 图 书 的 详细 信息 ,按照 默认 格式 ， 
每 个 字段 占 一 行 。 最 后 3 行 是 按钮 ,分别 执行 “编辑 "“ 删 除 ” 和 * 新 建 命 令 。 
如 果 单 击 “编辑 ”按钮 ,将 转 到 编辑 状态 ,如 图 5-21 所 示 。 
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图 5-21 DetailsView 控件 的 编辑 状态 


处 于 编辑 状态 的 记录 ,每 个 字段 如 果 是 布尔 值 ,就 有 一 个 复 选 框 用 来 输入 编辑 值 ,如 果 
是 非 布尔 值 , 则 有 一 个 文本 输入 框 用 来 输入 编辑 值 。 控 件 的 最 后 一 行 有 两 个 按钮 ,分别 是 
“更 新 "和 “取消 ”。 当 编辑 完成 后 ,如 果 单 击 “ 更 新 "按钮 ,就 用 新 编辑 的 值 更 新 数据 库 , 如 果 
单 击 “ 取 消 ” 按 钮 ,就 放弃 本 次 编辑 。 不 管 单 击 哪 个 按钮 ,DetailsView 控件 将 转 到 如 图 5-20 
所 示 的 显示 界面 。 
如 果 单 击 显示 界面 的 “删除 ”按钮 ,将 会 删除 这 条 记录 。 
如 果 单 击 显示 界面 的 “新 建 "按钮 ,将 转 到 新 建 状态 ,如 图 5-22 所 示 。 
处 于 新 建 状态 的 记录 ,每 个 字段 如 果 是 布尔 值 ,就 有 一 个 复 选 框 用 来 输入 编辑 值 ,如 果 
是 非 布尔 值 , 则 有 一 个 文本 输入 框 用 来 输入 编辑 值 。 控 件 的 最 后 一 行 有 两 个 按钮 ,分 别 是 
“插入 ”和 “取消 ”。 当 内 容 填 写 完成 后 ,如 果 单 击 “ 插 入 "按钮 ,就 用 新 填写 的 值 生成 一 条 记录 
插入 数据 库 , 如 果 单 击 “ 取 消 " 按 钮 ,就 放弃 本 次 新 增 操作 。 
不 管 是 编辑 ,删除 还 是 新 增 , 对 数据 库 的 操作 都 有 成 功 和 失败 两 种 可 能 。 为 了 准确 地 告 
知 用 户 操作 的 结果 ,可 以 利用 相应 的 DetailsView 事件 ,来 完善 我 们 的 操作 。DetailsView 
控件 常用 事件 的 列表 , 见 表 5-6。 
为 了 防止 在 编辑 和 新 增 记 录 时 用 户 输入 恶意 代码 ,入 侵 或 破坏 网 站 ,在 更 新 及 新 增 记 录 
时 可 以 利用 相应 事件 进行 预防 。 下 面 以 更 新 数据 为 例 , 介 绍 事件 响应 代码 。 
void CustomerDetail ItemUpdating(object sender, DetailsViewUpdateEventArgs e) { 
// 遍历 用 户 输入 的 每 一 个 值 
for (int i = 0; i < e.NewValues.Count; i++) { 


if (e. NewValues[i] != null) { 
e. NewValues[i] = Server.HtmlEncode(e. NewValues[i].ToString()); 


图 5-22 DetailsView 控件 的 新 建 状态 


3. 任务 完成 总 结 


在 实际 应 用 中 ,图 书 的 数目 往往 非常 庞大 ,而 且 每 条 记录 的 具体 字段 又 很 多 ,比较 好 的 
发 布 方 法 是 先 用 GridView 控件 显示 出 当前 图 书 的 概要 信息 ,由 用 户 选 定 某 条 记录 ,再 用 
DetailsView 控件 显示 它 的 详细 情况 ,用 户 还 可 以 在 DetailsView 控件 中 编辑 、 插 入 或 删除 
一 条 记录 。 

默认 情况 下 , DetailsView 控件 将 记录 的 每 个 字段 显示 在 它 自 己 的 一 行内 。 
DetailsView 控件 通常 用 于 更 新 和 插入 新 记录 。 

在 操作 数据 库 的 过 程 中 ,也 可 以 用 DetailsView 控件 的 事件 来 进行 操作 检测 和 预防 恶 
意 输入 。 


4. 课堂 训练 与 知识 拓展 


DetailsView 控件 是 个 功能 强大 、 使 用 方便 的 控件 , 它 的 默认 模式 是 只 读 模 式 
(ReadOnly) ,也 就 是 数据 显示 模式 ,一 般 以 主 / 从 页 面 的 形式 出 现 。 但 也 可 以 设置 成 编辑 
(Edit) 或 插入 (Insert) 模 式 ,在 设置 成 插入 (Insert) 模 式 时 . 因 不 用 显示 某 个 记录 ,就 可 单独 
出 现 。 另 外 , 它 还 有 丰富 的 属性 方法 和 事件 ,为 我 们 创建 复杂 应 用 提供 了 方便 。 


5.5 项 目 总 结 


创建 网 上 书店 网 站 , 随 着 销售 等 业务 活动 的 不 断 进行 ,必须 不 断 修改 原先 的 图 书信 息 ， 
增添 新 的 内 容 , 要 实现 网 站 图 书 管理 的 功能 。 

图 书 管理 的 核心 是 访问 数据 库 , 查 询 ,修改 、 插 入 、 删 除数 据 。 

对 数据 库 的 连接 和 SQL 语句 设置 在 SqlDataSource 控件 中 进行 。 

进行 查询 ,修改 、 删 除 操作 ,可 以 使 用 GridView 控件 ,也 可 以 使 用 DetailsView 控件 ， 
DetailsView 控件 通常 用 于 更 新 和 插入 新 记录 。 


5.6 项 目 实 训 


1. 任务 描述 


当 创 建 了 网 上 书店 网 站 后 ,在 向 用 户 发 布 了 各 种 图 书信 息 的 同时 ,也 需 发 布 各 种 类 别 目 
录 , 以 方便 用 户 查 询 。 随 着 业务 的 发 展 ,还 必须 能 不 断 修改 原先 的 类 别 信息 ,增添 新 的 内 容 ， 
实现 网 站 图 书 类 别管 理 的 功能 。 


2. 任务 要 求 


@ 创建 页 面 供 用 户 浏览 信息 。 
@ 创建 页 面 供 用 户 编辑 类 别 内 容 。 
@ 创建 页 面 供 用 户 新 增 类 别 记录 。 


实现 网 上 书店 读者 注册 管理 功能 


6.1 项 目 介 绍 


建立 了 网 上 书店 网 站 后 ,总 是 要 考虑 哪些 资源 (狭义 的 认为 就 是 页 面 ) 是 可 以 直接 访问 
的 ,哪些 资源 是 需要 限制 访问 的 ,例如 ,只 能 对 那些 留 有 通信 信息 的 用 户 开放 在 线 订 购 功 能 。 
这 就 是 说 ,需要 一 种 机 制 能 够 判断 哪些 用 户 才 是 一 个 合法 的 用 户 ( 注 册 过 的 用 户 ,一 般 需 要 
经 过 “登录 认证 ”) ,哪些 是 普通 用 户 ( 匿 名 用 户 ), 这 种 区 分 机 制 就 是 身份 验证 机 制 。 在 身份 
验证 的 基础 上 ,还 可 以 确定 哪些 特定 用 户 可 以 使 用 哪些 特定 资源 , 即 授权 ,这 将 在 以 后 的 章 
节 中 详细 介绍 。 

从 用 户 的 角度 来 说 ,这 种 身份 验证 机 制 使 得 用 户 能 够 在 网 站 上 注册 登记 自己 的 相关 信 
息 ,以 获得 特定 服务 。 当 这 种 用 户 信息 被 注册 登记 后 ,用 户 必 须 能 够 查阅 和 修改 。 

用 户 身 份 的 验证 在 合理 的 时 间 段 内 只 需 进行 一 次 ,也 就 是 说 验证 后 的 合法 用 户 可 以 访 
问 网 站 内 所 有 的 合法 资源 ,而 不 是 每 访问 一 个 资源 就 验证 一 次 。 

通过 用 户 名 和 密码 ,对 用 户 进行 身份 验证 ,并 指派 其 可 访问 的 资源 ,这 部 分 工作 一 直 都 
是 网 站 开发 的 重要 内 容 ,也 是 本 项 目 将 重点 介绍 和 实现 的 内 容 。 


6.2 项 目 分 析 


在 本 项 目 中 将 实现 的 主要 功能 是 用 户 注册 管理 功能 , 即 用 户 注册 和 用 户 管理 功能 。 

当 一 个 普通 用 户 在 网 站 上 选择 注册 功能 时 ,将 会 出 现 一 个 信息 输入 界面 ,主要 包含 将 要 
使 用 的 用 户 名 以 及 密码 ,这 两 项 是 区 分 不 同 注册 用 户 的 必 不 可 少 的 信息 。 为 了 更 好 地 为 用 
户 提供 服务 ,注册 时 还 可 以 提供 E-mail 地 址 、 真 实 姓名 等 辅助 信息 。 为 了 预防 注册 时 密码 
设置 出 现 误 操 作 ,密码 输入 要 求 进行 两 次 ,只 有 两 次 输入 相同 的 字符 串 , 才 是 合法 的 密码 。 
有 些 已 注册 的 用 户 会 遗忘 密码 ,这 就 需要 一 个 恢复 机 制 ,使 系统 能 不 通过 密码 而 识别 注册 用 
户 。 常 用 的 解决 方案 是 在 注册 时 用 户 提供 专门 问题 和 答案 ,由 于 这 些 问题 和 答案 具有 实际 
意义 ,用 户 很 容易 记 住 。 当 用 户 忘记 了 密码 时 ,如 果 能 正确 回答 专门 设置 的 问题 ,就 认为 是 
注册 用 户 。 

当 一 个 用 户 注册 后 ,下 一 次 访问 网 站 只 需要 告诉 系统 “我 是 谁 ”, 即 可 登录 ,这 需要 输入 
自己 的 用 户 名 和 密码 。 系 统 可 据 此 确认 是 否 是 注册 的 合法 用 户 。 对 于 不 同性 质 的 用 户 , 系 
统 还 可 以 提供 不 同 的 界面 和 功能 。 例 如 ,对 于 注册 用 户 , 可 以 提供 含有 当前 用 户 名 的 欢迎 词 


以 及 退出 登录 功能 ; 对 于 非 注册 用 户 , 可 以 提供 到 注册 页 面 的 链接 。 

对 于 绝 大 多 数 商业 网 站 ,用户 的 注册 和 验证 ,其 核心 就 是 对 数据 库 的 访问 。 当 一 个 用 户 
注册 时 ,也 就 是 将 一 些 经 过 组 织 的 用 户 数据 保存 到 指定 的 数据 库 。 当 用 户 登 录 时 ,就 是 根据 
用 户 名 和 密码 在 数据 库 中 查找 合法 的 记录 ,如 果 找 到 , 则 登录 成 功 ,否则 就 是 登录 失败 。 围 
绕 着 这 些 注 册 、 登 录 过 程 ,还 有 许多 界面 设计 与 组 织 数据 验证 ,数据 加 密 等 辅助 工作 。 可 以 
从 底层 开始 开发 自己 的 用 户 注册 、 登 录 模块 ,实现 对 所 有 数据 库 的 访问 、 数 据 验证 ,加 密 等 。 
在 分 布 式 程序 开发 的 早期 阶段 ,这 些 确实 是 开发 人 员 的 重要 工作 ,但 是 对 每 个 网 站 而 言 ， 
这 些 工作 都 非常 类 似 ,结果 造成 大 量 重复 工作 ,而 且 开 发 的 质量 参差 不 齐 , 安 全 性 不 高 。 
ASP .NET 2.0 的 推出 ,解决 了 以 上 问题 。ASP.NET 2.0 使 用 Membership API 实现 与 成 
员 验 证 相关 的 所 有 工作 , 它 包 括 完整 的 类 族 和 许多 使 用 方便 的 控件 。 通 过 这 些 控 件 , 能 够 非 
常 方便 地 实现 用 户 的 注册 、 验 证、 信息 修改 等 基本 功能 。 同 时 ,Membership API 还 提供 了 
良好 的 扩展 性 ,以 实现 用 户 的 特殊 需求 。 

在 本 项 目 中 将 实现 的 主要 功能 是 用 户 注 册 管 理 功能 ,具体 来 说 包括 以 下 工作 : 

@ 配置 数据 库 。 

@ 配置 网 站 安全 特性 。 

@ 创建 用 户 注册 页 面 。 

@ 创建 用 户 登 录 页 面 。 

@ 创建 显示 用 户 信 息 页 面 。 


6.3 相关 知识 


在 ASP.NET 应 用 程序 中 ,身份 验证 可 以 通过 以 下 4 种 形式 : 

Q@ Windows 身份 验证 (Windows Authentication ) 。 

@ 页 面 身份 验证 (Forms Authentication) 。 

@ 通行 证 身份 验证 (Passport Authentication)。 

@ 自 定义 身份 验证 过 程 (Acustom Authentication Process) 。 

绝 大 多 数 商业 网 站 都 使 用 页 面 身份 验证 ,因为 这 种 形式 的 验证 既 能 适合 大 多 数 商业 网 
站 的 应 用 需求 ,又 使 开发 人 员 能 完全 控制 验证 过 程 ,而 且 不 需 额外 付费 。 

如 要 采用 页 面 身份 验证 , 需 在 web. config 文件 中 做 相应 的 配置 ,最 简单 的 配置 如 下 
所 示 : 

<systenm. web> 


< authentication mode = "Forms"/> 
</system. web> 


在 上 面 的 配置 文件 中 ,仅仅 设置 了 验证 模式 为 页 面 身份 验证 ,其 他 的 属性 都 是 采用 默认 
值 。 在 默认 模式 下 ,用 户 数 据 被 保存 到 App_Data 目录 下 的 一 个 数据 库 文件 ASPNETDB. 
mdf 中 ,采用 SQL Server 2005 Express 连接 模式 。 如 果 这 种 默认 设置 不 符合 我 们 的 需要 ， 
可 以 对 它 进 行进 一 步 的 设置 ,下 面 将 详细 介绍 。 

那么 ,采用 了 页 面 身 份 验证 的 ASP.NET 网 站 ,其 验证 工作 机 理 是 怎样 的 呢 ? 图 6-1 展 
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示 了 整个 验证 流程 。 
客户 端 请 求 
IIS | 
如 果 正确 设置 了 IlIS 身 份 验证 设置 ， 
则 将 请 求 传送 到 ASPNET 
ASPNET 上 一 资源 是 否 受 保护 ? 
< 允许 访问 资源 
守 
一 一 是 否 附 加 了 身份 验证 Cookie? 
A — 登录 窗 体 收集 用 户 任 据 B 
身份 验证 凭据 c 
是 


是 否 经 过 了 身份 验证 ? 


附加 Cookie 


1 


测试 授权 


1 
允许 访问 受 保护 的 资源 | | 拒绝 访问 ] 


6-1 安全 性 控制 流 


图 6-1 阐明 了 当 一 个 请 求 进 入 时 是 如 何 被 处 理 的 。 图 中 标识 的 A、B、C 等 处 是 控制 流 
的 关键 点 。 

A 点 : 表示 一 个 请 求 从 IIS 中 导入 到 一 个 ASP.NET 程序 中 。ASP .NET 程序 做 的 第 
一 件 事 情 就 是 根据 在 配置 文件 中 设置 的 相应 信息 来 判断 这 个 导入 的 请 求 是 否 要 求 访问 一 个 
受 限 资源 。 如 果 这 个 请 求 试图 访问 一 个 受 限 资源 ,那么 ASP .NET 就 会 检测 这 个 请 求 是 否 
附加 了 一 个 身份 验证 凭据 (ticket)。 如 果 没 有 ,那么 该 请 求 会 被 导向 到 登录 页 面 ( 也 是 在 配 
置 文件 中 定义 的 )。 

犹如 去 看 电影 一 样 ,如 果 没 有 票 就 想 进 入 电影 院 , 会 发 生 什 么 ?只 能 去 售票 窗口 买 票 ， 
而 如 果 有 票 那 当 然 是 没有 问题 的 。 

身份 验证 凭据 (ticket) 一 般 被 保存 在 Cookie 中 , 它 相 当 于 电影 票 一 样 。 当 用 户 向 服务 
器 发 出 一 个 Http 请 求 ,并 且 Cookie 中 存在 相应 的 凭据 (ticket) 时 , 它 就 会 被 附加 到 请 求 的 


末尾 。 

A 点 做 的 事情 有 两 件 : 

OO 获得 请 求 并 根据 在 web. config 文件 的 二 authorization 二 配置 节 的 配置 来 判断 当前 
的 请 求 是 否 是 在 请 求 一 个 受 限 资源 。 如 果 是 ,就 执行 第 四 点 ; 如 果 不 是 , 则 导向 登录 页 面 。 

@ 如 果 当 前 的 请 求 是 指向 一 个 附带 了 一 个 身份 验证 凭据 (ticket), 则 可 以 访问 这 个 资 
源 ,否则 就 会 被 导向 到 登录 页 面 (B 点) 。 

B 点 : 当 一 个 请 求 并 没有 附带 一 个 有 效 的 身份 验证 凭据 时 ,就 会 导入 到 登录 页 面 
(B 点 ), 这 个 登录 页 面 是 我 们 在 一 authentication 过 的 二 Forms 二 节 中 预 设 的 。 

登录 页 面 会 收集 用 户 提供 的 身份 信息 (一 般 是 用 户 名 或 密码 ) ,通过 对 提供 的 信息 进行 
验证 以 确定 是 否 在 原始 的 请 求 上 附加 一 个 身份 验证 凭据 ,然后 访问 原始 请 求 所 请 求 的 资源 
(也 就 是 原本 应 该 得 到 的 页 面 )。 

就 原始 的 请 求 而 言 ,用 户 访问 的 是 登录 页 面 ,而 有 可 能 登录 页 面 不 是 用 户 最 开始 请 求 
的 。 最 开始 请 求 的 有 可 能 是 default. aspx 页 面 。 

C 点 : 在 收集 用 户 的 身份 信息 后 就 可 以 根据 它 确定 是 否 给 予 当前 请 求 一 个 合法 的 凭 
证 ,比如 可 以 把 收集 到 的 用 户 名 和 密码 与 数据 库 中 的 用 户 表 的 信息 做 比较 以 确定 是 否 给 予 
赁 证。 给予 用 户 凭 证 和 验证 是 否 给 予 凭证 的 过 程 完 全 是 两 回 事 。 狂 如 我 可 以 花 钱 买 票 也 有 
可 能 别人 送 我 票 , 当 对 于 ASP .NET 而 言 只 要 你 有 合法 的 凭证 就 可 以 访问 你 想 要 访问 的 
资源 。 

D 点 : 将 给 予 的 合法 凭证 保存 到 客户 端 ,一 般 是 放 在 Cookie 中 ,在 此 后 客户 端 发 出 的 
新 请 求 中 ,将 自动 附 上 这 个 凭证 。 

下 点 : 这 个 点 负责 读 取 配 置 文件 中 相关 的 授权 配置 并 与 身份 验证 凭证 做 比较 ,以 确定 
用 户 是 否 可 以 访问 资源 。 不 是 已 经 获得 了 凭证 吗 ? 还 需要 比较 什么 ? 在 这 里 之 所 以 要 对 比 
授权 的 信息 是 因为 虽然 获得 了 合法 的 凭证 但 并 不 表示 这 个 凭证 就 可 以 访问 任何 资源 了 。 在 
复杂 的 ASP.NET 程序 中 ,资源 可 能 会 被 划分 为 很 多 的 部 分 ,有 些 部 分 不 是 一 般 合 法 用 户 可 
以 访问 的 ,也 就 是 说 需要 更 高 的 权限 才能 访问 。E 点 所 确定 的 就 是 当前 获得 合法 凭证 的 用 
户 到 底 有 没有 权利 访问 他 所 请 求 的 资源 。 

FF 点: 如 果 当 前 客户 有 足够 的 权限 ,就 将 请 求 的 资源 发 回 客户 端 ,否则 ,拒绝 他 的 访问 。 

总 结 一 下 ,对 于 ASP.NET 的 安全 机 制 而 言 ,会 经 历 以 下 几 个 过 程 : 

Q@ 安全 机 制 会 拦截 所 有 的 进入 请 求 并 试图 判读 这 个 请 求 是 否 附带 了 身份 验证 凭据 。 
在 这 个 阶段 安全 机 制 会 去 读 取 web. config 以 便 确定 该 如 何 对 进入 的 请 求 进行 判断 。 

@ 没有 附加 身份 验证 凭据 的 请 求 会 被 重新 导向 到 登录 页 面 以 便 完成 身份 验证 的 过 程 。 
在 个 这 过 程 中 安全 机 制 会 去 读 取 web. config 以 便 确定 该 使 用 什么 方式 来 验证 用 户 。 

@ 如 果 身 份 验证 合法 ,还 需要 对 获得 凭证 进行 验证 ,看 这 个 凭证 是 否 有 足够 的 权利 访 
问 相 应 的 资源 。 

@ 以 上 如 果 顺 利 ,那么 还 需要 重 定向 到 原始 请 求 的 资源 上 。 在 这 个 阶段 安全 机 制 也 会 
读 取 web. config。 

为 了 正确 实现 ASP.NET 的 安全 机 制 ,一 般 要 完成 如 下 5 个 步骤 : 

OO 配置 web. config 文件 ,确立 适用 Forms 身份 验证 模式 ,并 且 拒 绝 匿 名 用 户 的 访问 。 

@ 建立 了 成 员 数 据 存储 机 制 。 如 果 使 用 的 是 SQL Server, 则 必须 建立 包含 一 些 表 和 存 


储 过 程 的 SQL Server 数据 库 。 这 个 过 程 可 由 Visual Studio 2005 工具 自动 实现 。 
@ 配置 web. config 文件 ,确立 数据 库 连接 字符 串 和 成 员 提供 程序 。 
@ 创建 一 些 合法 的 用 户 。 
@ 创建 一 个 登录 页 ,使 用 系统 提供 的 控件 实现 登录 验证 机 制 。 


6.4 项 目 实 施 


6.4.1 任务 6-1 配置 数据 库 


1. 任务 介绍 


对 于 绝 大 多 数 商 业 网 站 ,用户 的 注册 和 验证 的 核心 就 是 对 数据 库 的 访问 。 当 一 个 用 户 
注册 时 ,也 就 是 将 一 些 经 过 组 织 的 用 户 数据 保存 到 指定 的 数据 库 。 当 用 户 登 录 时 ,就 是 根据 
用 户 名 和 密码 在 数据 库 中 查找 合法 的 记录 ,如 果 找 到 , 则 登录 成 功 ,和 否则 就 是 登录 失败 。 本 
任务 就 是 创建 保存 用 户 注册 信息 的 数据 库 。 


2. 任务 分 析 


大 多 数 商 业 网 站 在 创建 时 已 有 一 个 业务 数据 库 ,如 果 网 站 不 是 很 大 ,一 般 希 望 将 用 户 注 
册 信 息 也 保存 在 这 个 业务 数据 库 中 , Visual Studio 2005 提供 了 专门 工具 来 实现 这 个 需求 。 
所 以 本 任务 的 核心 是 通过 配置 向 导 工 具 自动 创建 和 配置 用 来 存放 用 户 信息 的 SQL Server 
数据 库 。 

(1) 使 用 向 导 配 置 数据 库 的 用 户 信息 

单 击 “ 所 有 程序 ”>“Microsoft Visual Studio 2005”>“Visual Studio Tools” 一 “Visual 
Studio 2005 命令 提示 ”, 打开 命令 行 窗 体 ,输入 数据 库 配 置 命令 “aspnet_regsql”, 按 Enter 
键 , 出 现 *ASP.NET SQL Server 安装 向 导 ” 界 面 ,如 图 6-2 所 示 。 


对 ASP.NET SQL Server 安装 向 导 


位 欢迎 使 用 ASP. WET SQL Server 安装 向 导 


使 用 此 向 导 可 创 哇 或 配置 用 来 存储 ASF. NET Er 配置 文件 、 角 色 管理 、 个 性 
化 设置 以 及 SQL Yeb 事件 提供 程序 ) 信 息 的 SQL Ser 


车 要 分 别 为 这 些 功能 配置 数据 库 ,或 者 是 为 会 和 请 
在 命令 行 运行 sspnet_regsqal。 有 关 命令 行 选项 的 帮助 ， 请 使 用 “ 


单 击 “ 下 一 步 ”继续 。 


图 6-2 “ASP.NET SQL Server 安装 向 导 ” 窗 口 


这 个 向 导 能 够 帮助 我 们 非常 方便 地 创建 ` 配 置 、 修 改 和 删除 SQL Server 数据 库 中 用 于 
存放 用 户 信息 的 表 和 存储 过 程 。 现 在 要 在 已 有 数据 库 NetBook 中 创建 相关 的 表 和 存储 过 
程 , 单 击 * 下 一 步 ?按钮 ,出 现 * 选 择 安 装 选项 ?界面 ,如 图 6-3 所 示 。 


车 ASP.NET SQL Server 安装 自 导 


2 
| 选择 安装 选项 
L 
要 执行 的 数据 库 任务 是 什么 ? 
全 各 人 的 生生 人 生生 二 和 全 人， 多 ASP. 了 ET 成 员 资格 、 配 置 文 
色 管理 、 个 性 化 设置 以 及 SQL Web 事件 提供 程序 的 信息 
日 净 除 现 有 数 碧 奋 中 的 应 出 粒 太 脱 务 信息 (B) 


此 选项 可 移 除数 据 库 中 有 关 ASF_ NET 二 Ee 角色 管理 、 个 性 化 设置 以 及 SQL 
Yeb 事件 提供 程序 的 信息 。 注 意 ， 此 进程 无 i 


ss SQL te 请 在 命令 行 中 运行 aspnet_regsql。 有 
关 命 令 行 选项 的 才 助 ,请 使 用 “ 


区 十 - 步 电 | 下 -东明 >» 


图 6-3 “选择 安装 选项 ”窗口 


选中 “为 应 用 程序 服务 配置 SQL Server” 选 项 , 单 击 * 下 一 步 按 钮 ,出 现 “ 选 择 服务 器 和 
数据 库 ? 界 面 ,如 图 6-4 所 示 。 


对 ASP.NET SQL Server 安装 向 导 


一 
便 选择 服务 器 和 数据 库 
L 


指定 SQL Server 名 称 、 要 创 娃 职 移 除 的 数据 库 的 名 称 ， 以 及 连接 数据 库 时 要 使 用 的 凭据 。 
注意 - 攻 据 必须 标识 一 个 具有 包 嫂 或 称 除 激 据 库 的 权限 的 用 户 帐户 


服务 器 (8): 。 6OAASSCDCSAT487 
Windows 身份 验证 (D) 

SQL Server 身份 验证 (9) 

用 记名 (DD 

密码 () 


《上 一 步 @2 TT- ”| 


图 6-4 “选择 服务 器 和 数据 库 ” 窗 口 


选中 我 们 当前 使 用 的 服务 器 名 ,在 数据 库 下 拉 列 表 中 选中 要 配置 的 数据 库 名 
“NetBook”, 单 击 “ 下 一 步 "按钮 ,出 现 “ 请 确认 您 的 配置 "界面 ,如 图 6-5 所 示 。 

确认 配置 信息 无 误 后 , 单 击 “ 下 一 步 ” 按 钮 出现“ 数据 库 已 被 创建 或 修改 ”界面 ,如 图 6-6 
所 示 。 

单 击 “ 完 成 ”按钮 ,结束 配置 工作 。 


时 ASP.NET SQL Server 安装 育 导 


~ 
傅 请 确认 您 的 设置 
L 


设置 荐 要 : 
服务 器 名 称 : 60AA95CDCSAT467 
数据 库 名 称 : NetBook 


单 击 “ 下 一 步 ”继续 ,或 单 击 “ 上 一 步 ”更 改 设置 


《 士 一 步 姬 | 下 一 步 刀 > 


图 6-5 确认 配置 


车 ASP.NET SQL Server 安装 向 联 


~ 
便 数据 库 已 被 创建 或 修改 。 
L 


您 应 该 立即 配置 成 员 资 格 、 配 置 文件 角色、 个 性 化 设置 的 提供 程序 以 及 SQL Yeb 事件 提供 程序 ， 
以 反映 您 在 此 向 导 中 | 让 光 加 果 已 将 应 用 程序 服务 信息 从 数据 库 中 移 除 ,请 确保 格 访 提供 程 
序 更 改 为 引用 其 他 的 数据 存储 区 . 


若 要 关闭 此 向 导 ， 请 单 击 “ 完 成 ”。 


图 6-6 “数据 库 已 被 创建 或 修改 。 "窗口 


(2) 查看 数据 库 的 用 户 信息 

当 完成 步骤 (1) 的 配置 工作 后 ,就 可 以 打开 数据 库 NetBook ,查看 配置 工具 对 数据 库 所 
作 的 修改 。 首 先 可 以 看 到 配置 工具 自动 增加 了 11 个 表 , 如 图 6-7 所 示 ,这 些 表 都 以 aspnet_ 
开头 ,后 面 的 单词 表示 了 表 的 主要 内 容 。 

用 户 信息 主要 保存 在 表 aspnet_Users 和 aspnet_Membership 中 ,在 这 些 表 中 存放 了 
ASP.NET 安全 机 制 提供 的 默认 信息 ,如 用 户 名 、 密 码 `E-mail 地 址 等 ,如 果 还 有 额外 需要 存 


储 的 信息 ,例如 用 


户 邮 寄 地 址 , 则 需要 另外 建 表 来 存放 。 


配置 工具 还 自动 添加 了 很 多 存储 过 程 ,如 图 6-8 所 示 ,这 些 存 储 过 程 也 以 aspnet_ 开 头 ， 
后 面 的 单词 表示 了 存储 过 程 的 内 容 。 
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图 6-7 配置 工具 自动 增加 的 表 


加 SQL Server Enterprise Manager - [控制 合 根 目录 Microsoft SQL ServersiSQL Server 组 local) (Windows NT 
| 人 面 文件 上 哲 作 (a) 查看 (W) 工具 (D) 窗口 (w) 才 助 (由 
和 用 加入 国 罗 贸 米 人 洁 即 0@ 节 人 @ 


控制 人 根 目 录 存储 过 程 67 个 项 目 
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图 6-8 配置 工具 自动 增加 的 存储 过 程 


3. 任务 完成 总 结 


Visual Studio 2005 提供 了 功能 强大 的 配置 工具 ,以 实现 自动 创建 保存 用 户 注册 等 相关 
信息 的 表 和 存储 过 程 , 这 些 表 和 存储 过 程 既 可 以 放 在 一 个 新 创建 的 数据 库 中 ,也 可 以 放 到 用 
户 已 有 的 业务 数据 库 中 。 


4. 课堂 训练 与 知识 拓展 


经 过 配置 向 导 工 具 自 动 创建 和 配置 SQL Server 数据 库 , 增 添 了 很 多 表 用 来 存放 用 户 
的 信息 ,也 增添 了 很 多 存储 过 程 来 操作 这 些 表 。 表 的 重要 字段 都 有 严谨 的 约束 , 表 之 间 
都 有 良好 的 关系 定义 ,熟悉 这 些 表 和 存储 过 程 对 使 用 ASP.NET 的 核心 安全 机 制 有 良好 
的 帮助 。 


6.4.2 任务 6-2 配置 Web 程序 


1. 任务 介绍 


ASP.NET 安全 设置 是 在 machine. config 和 web. config 文件 中 进行 配置 的 。 在 当 
前 .NET Framework 安装 目录 下 的 config 子 目录 中 的 machine. config 文件 ,建立 了 基本 
设置 和 默认 设置 。 如 果 要 对 某 一 Web 程序 进行 配置 ,比如 要 进行 页 面 认 证 ,就 必须 修改 它 
的 web. config 文件 ,在 其 中 建立 特定 的 设置 。 

本 任务 的 目的 是 配置 Web 程序 ,也 就 是 修改 web. config 文件 ,使 得 网 站 能 够 采用 合适 
的 方法 来 进行 安全 验证 。 


2. 任务 分 析 


本 任务 的 目的 是 配置 Web 程序 ,使 得 网 站 能 够 采用 合适 的 方法 来 进行 安全 验证 ,这 就 
必须 修改 web. config 文件 。 我 们 既 可 以 手工 编辑 web. config 文件 ,也 可 以 使 用 网 站 管理 
工具 来 配置 Web 程序 ,配置 的 结果 就 是 自动 地 修改 web. config 文件 。 采 用 网 站 管理 工具 
能 够 更 直观 、 更 方便 地 对 Web 程序 的 主要 方面 做 出 配置 。 

(1) 配置 web. config 文件 

ASP.NET 安全 设置 是 在 machine. config 和 web. config 文件 中 进行 配置 的 。 在 当 
前 .NET Framework 安装 目录 下 的 config 子 目录 中 的 machine. config 文件 ,建立 了 基本 
设置 和 默认 设置 。 可 以 在 网 站 根 目 录 和 应 用 程序 根 目 录 中 的 web. config 文件 中 建立 特定 
于 站 点 的 设置 和 特定 于 应 用 程序 的 设置 (包括 重 写 machine. config 文件 中 的 设置 )。 子 目 
录 会 继承 上 一 级 目录 的 设置 ,除非 子 目录 中 的 web. config 文件 重 写 这 些 设 置 。 

web. config 文件 有 3 个 主要 的 子 节 : authentication ,authorization 和 identity 节 。 通 
常 在 machine. config 文件 中 设置 各 个 安全 元 素 的 值 ,并 根据 需要 在 应 用 程序 级 别 的 
web. config 文件 中 重 写 这 些 值 。 所 有 子 目录 都 自动 继承 那些 设置 ,但 是 , 子 目 录 可 以 有 自 
己 的 配置 文件 ,这 些 配置 文件 重 写 继承 的 设置 。 

打开 网 站 的 web. config 文件 , 添 入 如 下 程序 中 带 灰 底 纹 的 语句 行 。 


下 -NET Web 应 用 开发 --- 


<?xml version= "1.0"?> 
< 
注意 : 除了 手动 编辑 此 文件 以 外 ,还 可 以 使 用 
Web 管理 工具 来 配置 应 用 程序 的 设置 . 可 以 使 用 Visual Studio 中 的 
"网 站 " ->"Rsp .NET 配置 "选项 . 
设置 和 注释 的 完整 列表 在 
machine. config. comments 中 ,该 文件 通常 位 于 
\Windows\Microsoft .NET\Framework\v2. x\Config 中 
--> 
< configuration xmlns = "http://schemas. microsoft. com/ .NETConfiguration/v2.0"> 
<appSettings/> 
< connectionStrings> 
<add name = "NetBookConnectionString" connectionString = "Data Source = 127. 0. 0. 1; Initial 
Catalog = NetBook; Integrated Security = True" 
providerName = "System. Data. SqlClient" /> 


</connectionStrings > 
< sYstem. web > 
<I-— 
设置 compilation debug = "true" 将 调试 符号 插 人 
已 编译 的 页 面 中 .但 由 于 这 会 
影响 性 能 ,因此 只 在 开发 过 程 中 将 此 值 
设置 为 True. 
--> 
< compilation debug = "true"/> 
ss 
通过 <authentication> 节 可 以 配置 ASP .NET 使 用 的 
安全 身份 验证 模式 ， 
以 标识 传人 的 用 户 . 
--> 
<authentication mode = "Windows"/> 
< membership defaultProvider = "MyMembershipProvider"> 
<providers> 
<add name = "MyMembershipProvider" 
connectionStringName = "NetBookConnectionString" 
applicationName = "MyMembership" 
enablePasswordRetrieval = "false" 
enablePasswordReset = "true" 
requiresQuestionAndAnswer = "true" 
requiresUniqueEmail = "true" 
passwordFormat = "Clear" 
type = "System. Web. Security. SqlMembershipProvider" /> 
</providers> 
</membership> 
<!-- 
如 果 在 执行 请 求 的 过 程 中 出 现 未 处 理 的 错误 ， 
则 通过 < customErrors> 节 可 以 配置 相应 的 处 理 步 骤 . 具体 说 来 ， 
开发 人 员 通 过 该 节 可 以 配置 
要 显示 的 html 错误 页 
以 代替 错误 堆栈 跟踪 . 


< customErrors mode = "RemoteOnly" defaultRedirect = "GenericErrorPage. htm"> 
< error statusCode = "403" redirect = "NoAccess. htm" /> 
< error statusCode = "404" redirect = "FileNotFound. htm" /> 
</customErrors> 
——» 
</system. web> 
</configuration> 
在 默认 配置 下 ,用 户 数 据 被 保存 到 App_Data 目录 下 的 一 个 数据 库 文件 ASPNETDB. mdf 
中 ,采用 SQL Server 2005 Express 连接 模式 。 而 现在 要 使 用 SQL Server 2000 服务 器 中 的 
数据 库 NetBook, 故 重新 配置 了 用 来 提供 数据 库 读 写 服 务 的 提供 程序 。 在 这 添加 的 一 段 
中 ,定义 了 要 使 用 的 数据 库 连接 字符 串 NetBookConnectionString, 而 这 个 连接 字符 串 指向 
了 数据 库 NetBook。 段 中 其 他 的 配置 与 默认 配置 相同 ,用 来 确定 对 成 员 身 份 验证 的 一 些 
细节 。 
(2) 使 用 网 站 管理 工具 配置 Web 程序 
虽然 我 们 可 以 通过 编辑 web. config 文件 的 方法 来 实现 对 网 站 的 配置 ,但 毕 竞 比较 繁 
琐 ,ASP.NET 2.0 还 提供 了 另 一 种 方便 实用 的 配置 工具 , 即 通过 图 形 界面 的 管理 工具 来 进 
行 配置 。 
首先 , 单 击 Visual Studio 2005 的 “网 站 ”菜单 , 单 击 *ASP.NET 配置 "菜单 项 ,在 浏览 器 
中 弹出 如 图 6-9 所 示 的 配置 管理 工具 界面 。 


ASP 
| 者 


网 站 管理 工具 
有 证 


安全 应 用 程 


欢迎 使 用 网 站 管理 工具 


应 用 程序 :/dudunetbook 
当前 用 户 名 :60AA95CDC5A7467\ADMINISTRATOR 


安全 人 角色 和 对 站 点 的 访问 权限 。 
使 用 Windows 身份 验证 进行 用 户 管理 。 


应 用 程序 配置 To 程序 的 配置 设置 。 
使 您 能 够 指定 存储 网 站 所 用 的 管理 数据 的 位 置 和 方式 。 


图 6-9 网 站 配置 管理 工具 


在 这 个 配置 管理 工具 中 ,有 一 个 选项 卡 式 界面 ,该 界面 在 下 列 选项 卡 上 对 相关 的 配置 设 
置 进行 分 组 : 
。 “安全 ?选项 卡 , 其 中 包含 有 助 于 保护 Web 应 用 程序 资源 并 管理 用 户 账户 和 角色 的 
设置 。 
““ 主 页 ?选项 卡 ,提供 对 本 配置 管理 工具 的 简要 说 明和 其 他 选项 卡 的 描述 。 
。“ 应 用 程序 ”选项 卡 ,其 中 包含 用 来 管理 影响 ASP.NET 应 用 程序 的 配置 元 素 的 设置 。 


。“ 提 供 程序 ”选项 卡 , 其 中 包含 用 来 添加 、 编 辑 、 删 除 、 测 试 或 分 配 应 用 程序 提供 程序 
的 设置 。 


单 击 “ 安 全 ”选项 卡 ,出 现 如 图 6-10 所 示 的 安全 配置 界面 。 


可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 密码 (身份 验证 )， 可 以 创建 角 
色 ( 用 户 组 )， 还 可 以 创建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 规则 )。 


黑 认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data 文 
件 夫 中 。 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程序 ”选项 卡 选择 其 他 提供 程序 。 


单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 。 


当前 身份 验证 类 型 为 未 启用 角色 创建 访问 规则 
Windows。 因 此 禁用 了 此 工具 。 启用 角色 管理 访问 规则 
中 的 用 户 管理 。 创建 或 管理 凶 色 

了 -| 


图 6-10 ”默认 安全 配置 


从 “用 户 ” 一 栏 可 以 看 到 ,当前 系统 默认 的 身份 验证 类 型 是 Windows, 为 了 改 成 需要 的 


Forms 验证 方式 , 单 击 “ 选 择 身份 验证 类 型 "文字 链接 ,出 现 如 图 6-11 所 示 的 身份 验证 类 型 
配置 界面 。 


e 
过 公共 Internet 访问 您 的 网 站 ， 请 选择 此 选项 。 用 户 需 要 

使 用 Web 窗 体 登录 。 站 点 将 使 用 Forms 身份 验证 ， 根 据 存储 在 数据 库 
中 的 用 户 信息 来 识别 用 户 。 

日 通过 本 地 网 络 
如 果 用 户 仅 通过 考 用 本 地 网 络 访问 您 的 网 站 ， 请 选择 此 选项 。 站 点 将 使 用 
内 置 的 Microsoft Windows 身份 验证 来 识别 用 户 。 具 有 有 次 
Windows 用 户 名 和 窜 码 的 用 户 将 能 够 访问 你 的 站 点 。 


6-11 身份 验证 类 型 配置 
选中 “通过 Internet” 选 项 , 单 击 “ 完 成 ”按钮 ,出 现 如 图 6-12 所 示 的 使 用 Forms 验证 方 
式 的 安全 配置 界面 。 


从 用 户 界面 可 以 看 到 ,目前 的 注册 用 户 数目 为 0, 单 击 “ 创 建 用户 ”, 出 现 如 图 6-13 所 示 
的 创建 用 户 界面 。 


可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 罕 码 (身份 验证 )， 可 以 创建 角 
色 ( 用 户 组 )， 还 可 以 创建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 规则 )。 


黑 认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data 文 
件 夹 中 。 各 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程序 ”选项 卡 选择 其 他 提供 程序 。 


单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 

EE Ce 
现 有 用 户 ; 0 未 启用 角色 全 访 问 规则 Er 

创 旦 用 户 

管理 用 户 

选择 身份 验证 类 型 


图 6-12 使 用 Forms 验证 方式 的 安全 配置 


通过 在 本 页 上 输入 用 户 的 ID、 密码 和 电子 邮件 地 址 来 漆 加 用 户 。 


注册 新 账户 未 启用 角色 。 
用 户 名 : [astone 


电子 邮件 : [one@onecom | 
安全 提示 问题 : hello | 
安全 管 案 : lone | 


加 活动 用 户 


6-13 ”创建 用 户 


作为 测试 ,按照 图 6-13 所 示 填 和 人 内容. 需要 注意 的 是 ,根据 默认 的 密码 要 求 ,必须 至 少 
7 位 并 且 至 少 一 位 是 非 字 母 和 数字 的 ,合法 的 密码 形 如 “hello_one”、“userl_test” 等 。 输 入 
完成 后 单 击 “ 创 建 用 户 ” 按 钮 ,出 现 如 图 6-14 所 示 的 完成 用 户 创建 提示 界面 。 

单 击 * 上 一 步 ” 按 钮 , 回 到 如 图 6-15 所 示 的 具有 1 个 用 户 的 安全 配置 界面 。 

在 这 个 界面 中 不 仅 可 以 知道 当前 用 户 的 数目 ,也 可 以 对 用 户 信息 进行 修改 和 删除 。 单 


完成 
己 成 功 创建 您 的 账户 。 
[| 


图 6-14 ”完成 用 户 创建 提示 


ASP 网 站 管理 工 只 


页 


可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 窜 码 (身份 验证 )， 可 以 创建 毅 
色 ( 用 户 组 )， 还 可 以 创建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 规则 )。 


默认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data 文 
件 夫 中 。 各 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程序 ”选项 卡 选择 其 他 提供 程序 。 


单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 。 


现 有 用 户 ; 1 未 启用 角色 创建 访问 如 则 
创建 用 户 局 用 角色 管理 访问 规则 
管理 用 户 峙 或 管理 角色 

i 


图 6-15 具有 1 个 用 户 的 安全 配置 


击 “ 管 理 用户 ”, 出 现 如 图 6-16 所 示 的 管理 用 户 界 面 。 

在 用 户 列表 中 选中 要 修改 的 用 户 , 比 如 “testOne”, 单 击 “ 编 辑 用 户 ”, 出 现 如 图 6-17 所 
示 的 编辑 用 户 界面 。 

编辑 完成 后 , 单 击 “ 保 存 ” 按 钮 ,就 回 到 如 图 6-10 所 示 的 “安全 配置 界面 ,在 安全 配置 界 
面 上 单 击 “ 创 建 访问 规则 ”, 出 现 如 图 6-18 所 示 的 创建 访问 规则 界面 。 


ASP -四 站 管理 工具 ET 有 9) 
页 安全 序 = 


单 击 一 行 选择 一 个 用 户 ， 然 后 单 击 “ 编 辑 用 户 ” 查 看 残 更 改 该 用 户 的 密码 或 其 他 属性 。 若 下 为 选 定 的 用 户 分 配角 色 ， 可 选择 右 侧 相 
应 的 复 选 框 。 


车 要 禁止 读 用 户 登 录 到 您 的 应 用 程序 ， 但 在 数据 库 中 保留 其 信息 ， 可 通过 清除 相应 的 复 选 框 将 其 状态 设置 为 非 活动 的 。 


搜索 用 户 


搜索 依据 ; 用 户 名 。 ~ ， 搜索 内 容 ; 
区 许 使 用 通 配 答 * 和 ?。 
全 部 


用 户 角色 

A iD od 未 启用 角色 。 
洲 电 千 朗 件 地 址 [one@@one.com 团 活动 用 户 

说 明 : 祭 设置 [| 
《类 ) 必 填 字段 


| 
图 6-17 编辑 用 户 
现在 要 禁止 区 名 用 户 访问 网 站 manage 子 目 录 下 的 所 有 文件 。 首 先 在 “添加 新 访问 规 
则 * 表 的 左 侧 选中 子 目 录 “manage”, 再 匀 选 有 侧 “ 医 名 用 户 * 和 * 拒 绝 "选项 , 单 击 * 确 定 * 按 
钮 ,将 创建 一 条 访问 规则 ,禁止 所 有 医 名 用 户 访问 子 目录 manage 内 文件 。 


在 图 6-10 所 示 的 “安全 配置 "界面 上 , 单 击 “ 提 供 程序 ”选项 卡 ,出 现 如 图 6-19 所 示 的 
“提供 程序 配置 "界面 。 


加 回合 用 此 T 有 《3) 


您 可 以 选择 添加 访问 规则 来 控制 对 整个 网 站 或 单个 文件 志 的 访问 。 规 则 可 应 用 于 特定 的 用 户 和 和 角色、 所 有 
用 户 、 匿 名 用 户 或 这 些 用 户 的 某 种 组 合 。 规 则 应 用 于 子 文件 赤 。 


添加 新 访问 规则 


为 此 规则 选择 个 目录 : 规则 应 用 于 : 权限 : 

DD css 角色 | > © 万 许 

自 ess 本 3 i 

database | 目 用 户 让 演 谢 

器 image 国 El 

站 manage 本 

电 master 日 所 有 用 户 

products 、 名 荐 区 用 方 


ASP 
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在 此 页 中 可 配置 网 站 管理 数据 (如 成 员 资格 ) 的 存储 方式 。 您 可 以 对 站 点 的 所 有 管理 数据 只 使 用 一 个 提供 程序 ， 也 可 以 为 每 种 功能 指 
定 不 同 的 提供 程序 。 


为 所 有 站 点 管理 数据 选择 同一 提供 程序 
为 每 项 功能 选择 不 同 的 提供 程序 (高 级 ) 


图 6-19 提供 程序 配置 


提供 程序 (Provider) 是 ASP.NET 提供 身份 验证 和 角色 服务 的 一 系列 类 和 实例 对 象 
的 总 称 , 它 们 有 默认 的 工作 规则 ,可 以 通过 配置 进行 修改 。 我 们 在 步骤 (1) 已 经 修改 过 
web. config 文件 ,采用 自 定义 的 身份 验证 提供 程序 ,现在 就 可 以 检查 一 下 。 单 击 * 为 每 项 功 
能 选择 不 同 的 提供 程序 (高 级 )” 文 字 链 接 , 出 现 如 图 6-20 所 示 的 提供 程序 配置 界面 。 

身份 验证 服务 默认 的 提供 程序 称 为 “AspNetMembershipProvider”, 确 认 选 中 的 是 在 
步骤 (1) 中 设置 的 ”MyMembershipProvider”, 单 击 * 上 一 步 ?按钮 . 回 到 提供 程序 界面 ,结束 


加 回合 用 此 县? (人 


在 此 页 中 可 以 为 每 项 功能 选择 一 个 提供 程序 。 


成 员 资 格 提供 程序 


© aspNetsqMembershipProvider i 
© MyMembershipProvider 


角色 提供 程序 
加 AspNet5qRoleprovider WW 
OD AspNetWindowsTokenRoleProvider 


图 6-20 ”提供 程序 配置 


配置 。 
打开 web. config 文件 ,会 发 现 如 下 一 行 发 生 了 修改 ( 它 表 示 采 用 Forms 身份 验证 方式 ): 


<authentication mode = "Forms" /> 


并 且 在 manage 子 目录 下 新 增 了 一 个 web. config 文件 ,内 容 如 下 所 示 : 


<?xml version = "1.0" encoding = "utf - 8"?> 

<!-- 注意 : 除了 手动 编辑 此 文件 以 外 ,还 可 以 使 用 Web 管理 工具 来 
配置 应 用 程序 的 设置 .可 以 使 用 Visual Studio 中 的 "网 站 " ->"ASP .NET 配置 " 
选项 . 
设置 和 注释 的 完整 列表 在 machine. config. comments 中 ， 
该 文件 通常 位 于 \Windows\Microsoft .NET\Framework\v2.0. xxxxx\Config 中 


-> 
<configuration> 
<appSettings/> 
< connectionStrings/> 
< system. web > 
< authorization> 
< deny users = "?" /> 
</authorization> 
</system. web> 
</configuration> 
它 表示 在 当前 目录 下 (也 即 是 manage 子 目录 下 ) 禁 止 匿名 用 户 访问 。 在 配置 文件 中 


“?” 表 示 匿 名 用 户 ,“* ”表示 所 有 用 户 。 
这 说 明 通过 网 站 管理 工具 所 作 的 任何 修改 ,都 将 在 web. config 文件 中 自动 得 到 反映 。 
网 站 管理 工具 其 实 就 是 通过 修改 web. config 文件 来 实现 对 网 站 的 配置 。 


3. 任务 完成 总 结 


网 站 的 安全 验证 有 多 种 形式 ,本 任务 的 核心 工作 就 是 配置 Web 程序 ,使 得 网 站 能 够 采 
用 合适 的 方法 进行 安全 验证 ,这 必须 修改 web. config 文件 。 既 可 以 手工 编辑 web. config 
文件 ,也 可 以 使 用 网 站 管理 工具 来 配置 Web 程序 ,这 种 方式 更 直观 、 更 方便 。 采 用 网 站 管理 
工 配 置 的 结果 会 自动 地 修改 web. config 文件 。 


4. 课堂 训练 与 知识 拓展 


web. config 文件 有 3 个 主要 的 子 节 ; authentication ,authorization 和 identity 节 。 
通常 在 machine. config 文件 中 设置 各 个 安全 元 素 的 值 ,并 根据 需要 在 应 用 程序 级 别 的 
web. config 文件 中 重 写 这 些 值 。 所 有 子 目 录 都 自动 继承 那些 设置 ,但 是 , 子 目录 可 以 有 自 
己 的 配置 文件 ,这 些 配 置 文件 重 写 继承 的 设置 。 

理解 这 些 配置 定义 可 以 大 大 提高 我 们 对 Web 程序 的 控制 能 力 ,详细 而 严谨 的 定义 可 以 
查阅 微软 的 官方 文档 。 


6.4.3 任务 6-3 使 用 登录 类 控件 实现 用 户 登录 注册 功能 


1. 任务 介绍 


当 用 户 注 册 时 ,必须 有 一 个 界面 ,让 用 户 输入 用 户 名 密码 ,E-mail 等 相关 信息 ,系统 检 
验 合法 后 把 它们 存 到 数据 库 中 ,判定 注册 成 功 。 

当 用 户 登录 时 ,也 必须 有 一 个 界面 ,让 用 户 输入 用 户 名 和 密码 ,系统 根据 用 户 名 和 密码 
在 数据 库 中 查找 合法 的 记录 ,如 果 找 到 , 则 登录 成 功 ,否则 登录 失败 。 本 任务 就 是 创建 完成 
注册 和 登录 工作 的 页 面 。 通 过 使 用 ASP.NET 2.0 的 相关 控件 ,整个 创建 工作 很 容易 ,而 读 
取 数 据 库 和 验证 工作 由 控件 联合 一 些 集成 的 类 族 自动 完成 。 


2. 任务 分 析 


对 于 绝 大 多 数 商业 网 站 ,用 户 的 注册 和 验证 ,其 核心 就 是 对 数据 库 的 访问 。 当 一 个 用 户 
注册 时 ,也 就 是 将 一 些 经 过 组 织 的 用 户 数据 保存 到 指定 的 数据 库 。 当 用 户 登 录 时 ,就 是 根据 
用 户 名 和 密码 在 数据 库 中 查找 合法 的 记录 ,如 果 找 到 , 则 登录 成 功 ,否则 登录 失败 。 

ASP.NET 2.0 使 用 Membership API 来 实现 与 成 员 验证 相关 的 所 有 工作 , 它 包括 完整 
的 类 族 和 许多 使 用 方便 的 控件 。Login 控件 和 CreateUserWizard 控件 就 是 其 中 的 典型 。 通 
过 使 用 这 些 控件 ,能 够 非常 方便 地 实现 用 户 的 注册 、 验 证 .登录 等 基本 功能 。 同 时 ,还 可 以 设 
置 修改 CreateUserWizard 控件 的 默认 行为 模式 ,插入 邮寄 地 址 等 特殊 信息 。 

(1) 使 用 Login 控件 实现 用 户 登 录 功 能 

在 任务 6-2 中 我 们 已 经 对 网 站 的 安全 做 了 新 的 配置 ,禁止 匿名 用 户 访问 网 站 manage 子 
目录 下 所 有 文件 ,如 果 用 户 请 求 了 manage 子 目录 下 的 页 面 ,浏览 器 将 重 定向 到 如 图 6-21 所 
示 的 错误 页 。 

造成 这 个 错误 的 原因 是 客户 端 请 求 了 manage 子 目录 下 的 资源 ,而 根据 安全 配置 是 不 


入 无 法 找到 资源 。 - Microsoft Internet Explorer 
文件 (六 名 (查看) 收藏 多 ”工具 ID) 帮助 (t) 


@ 下 -日 -日 卓 @ Ps 次 mx 忆 人 :号 蕊 外 四 


地 址 (D) | 仿 http:/iocalhost:3253jProjectS/logn.aspx?ReturnUri=%2fProjects 2fmanage 2fBooksInfoE dk.aspx 


“/Project6” 应 用 程序 中 的 服务 器 错误 。 


舌头 基 弄 蓉 尖 。 
说 明 : HTTP 404。 您 正在 查找 的 资源 或 者 它 的 一 个 仿 入 项 ) 可 能 已 被 移 除 ， 或 其 名 称 已 更 改 ， 或 暂时 不 可 用 。 请 检查 以 下 URL 并 确保 其 拼写 正确 。 
请 求 的 _URL: /Projact6hogin aspx 


版 本 信息 : Microsoft NET Framework 版 本 :20.50727.42 ASP.NET 版 本 :20.50727.42 


图 6-21 HTTP 404 错误 页 


允许 匿名 访问 的 ,所 以 系统 就 自动 重 定向 到 登录 页 ,默认 的 登录 页 名 称 是 Login. aspx, 下 面 
就 来 创建 它 。 

首先 添加 一 个 新 Web 窗 体 ,命名 为 Login. aspx。 从 工具 箱 的 “登录 ”面板 中 拖 放 一 个 
Login 控件 和 一 个 LinkButton 控件 到 页 面 中 ,如 图 6-22 所 示 。 


下 
Content - Content1 ( 自 定义 ) 
Fr 生 录 
用 户 各 
密码 
] 下 次 记 住 我。 
ES 
下 了 或 新 用 户 
图 6-22 登录 页 面 


运行 后 出 现 如 图 6-23 所 示 界 面 , 我 们 输入 在 任务 6-2 中 创建 的 用 户 信息 , 单 击 “ 登 录 ” 
按钮 就 完成 了 登录 过 程 。 

Login 控件 是 个 非常 方便 的 工具 ,默认 状态 下 , 它 能 完成 几乎 所 有 有 关 登 录 的 功能 , 诸 
如 让 用 户 输入 信息 ,验证 信息 格式 访问 数据 库 判 断 登录 是 否 成 功 等 。 如 果 还 需 进一步 扩 
展 功能 ,可 以 单 击 它 的 智能 按钮 ,弹出 如 图 6-24 所 示 的 菜单 “自动 套 用 格式 …” 菜 单项 能 
够 非常 方便 地 设置 登录 控件 的 外 观 ,“ 转 换 为 模板 "菜单 项 能 够 使 登录 控件 转换 为 一 个 模板 ， 
在 这 个 模板 中 可 以 编辑 和 修改 界面 中 的 文本 框 、 复 选 框 等 各 个 元 素 ,还 可 以 增加 额外 的 
元 素 。 


文件 (E) ”编辑 (E) ”查看 收藏 多 ”工具 ID 帮助 (H) 
四 请 -加 四国 的 万 旦 击 tx 加 语 . 羡 国人 二 四 


地 址 (人.) | 起 htp:)iocalhost;szsajproject6jiogm,aspx7RetumUrl=%ezfProject6%kzfmanageskziBooksInfoEdi,asd 


村 购物 车 | 我 9Kk 单 | 人 


4 收 起 左 侧 导航 
用 户 各 :testOne 


ED seeeeeeee 
固 下 次 记 住 我 


使 用 帮助 。 (点 击 进入 ] 


图 6-23 ”实现 登录 过 程 


Content - Contentl ( 自 定义 ) 


图 6-24 Login 控件 的 智能 菜单 项 


(2) 使 用 CreateUserWizard 控件 实现 用 户 注 册 功 能 

首先 添加 一 个 新 Web 窗 体 ,命名 为 register. aspx。 从 工具 箱 的 “登录 ?面板 中 拖 放 一 个 
CreateUserWizard 控件 到 页 面 中 ,如 图 6-25 所 示 。 

单 击 CreateUserWizard 控件 的 智能 按钮 ,弹出 动态 菜单 ,包含 了 对 控件 可 做 的 全 部 操 
作 。 从 “步骤 ”列表 框 可 以 看 出 整个 用 户 创建 过 程 分 “注册 新 账户 ”和 “完成 ”两 个 步骤 ,初始 
打开 的 “注册 新 账户 ”步骤 , 列 出 了 许多 文本 输入 框 和 格式 验证 控件 ,用 以 输入 新 用 户 的 信 
息 。 当 我 们 单 击 “步骤 ”列表 框 的 “完成 ”项 时 ,CreateUserWizard 控件 转 到 “完成 ”步骤 ,如 
图 6-26 所 示 。 

CreateUserWizard 控件 的 “注册 新 账户 步 又 ”提供 了 一 些 文本 输入 框 ,能 满足 一 般 的 注 
册 新 用 户 的 需求 。 如 果 在 注册 时 还 需要 输入 更 多 的 信息 ,比如 真实 姓名 和 实际 地 址 , 则 可 以 
通过 添加 新 用 户 创 建 的 步骤 或 修改 “注册 新 账户 步骤 ?界面 来 实现 。 下 面 就 采用 第 二 种 方法 
来 添加 输入 真实 姓名 和 地 址 的 功能 。 

在 CreateUserWizard 控件 智能 菜单 的 步骤 列表 框 上 单 击 “ 注 册 新 账户 ”项 ,然后 单 击 
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图 6-25 CreateUserWizard 控件 注册 新 账户 步骤 界面 
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图 6-26 CreateUserWizard 控件 完成 界面 


“ 自 定义 创建 用 户 步骤 ”, 显 示 如 图 6-27 所 示 界 面 。 

经 过 这 个 转换 ,CreateUserWizard 控件 的 “注册 新 账户 ”步骤 界面 变 成 了 一 个 模板 ,里 
面 的 标签 .文本 输入 框 等 控件 都 可 以 进行 编辑 。 现 在 仿造 上 面 的 格式 新 增 两 个 标签 控件 ,分 
别 表示 真实 姓名 和 邮寄 地 址 ,再 增添 两 个 文本 输入 框 控件 ,分 别 命名 为 textboxName 和 
textboxAddress。 修 改 后 CreateUserWizard 控件 的 源 代 码 如 下 所 示 : 


< asp: CreateUserWizard ID = ”CreateUserWizardl ” runat = " server" OnCreatedUser = 
"CreateUserWizard1_CreatedUser"> 
<WizardSteps > 
<asp:CreateUserWizardStep ID= "Info" runat = "Server"> 
< ContentTemplate> 
<table border = "0"> 


</table> 
</ContentTemplate> 
</asp:CreateUserWizardStep > 
<asp:CompleteWizardStep ID = "CompleteWizardStepl" runat = "server"> 
</asp:CompleteWizardStep > 
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图 6-27 自 定义 创建 用 户 步骤 


</WizardSteps> 
</asp:CreateUserWizard> 


从 以 上 的 源 代码 可 以 看 出 ,CreateUserWizard 控件 包含 一 个 向 导 步 又 集 WizardSteps， 
其 中 包含 两 个 步骤 : CreateUserWizardStep 和 CompleteWizardStep ,分 别 对 应 智能 菜单 中 
的 “注册 新 账户 ”和 ”完成 ?步骤 。 在 CreateUserWizardStep 中 又 包含 一 个 内 容 模板 ,其 中 存 
放 了 多 个 标签 和 文本 框 控件 。 将 CreateUserWizardStep 的 ID 设置 为 “Info”, 以 方便 在 代码 
中 查阅 。 

真实 姓名 和 邮寄 地 址 是 注册 新 用 户 时 的 选 填 项 ,如 果 用 户 填 了 信息 ,就 在 数据 库 的 自 定 
义 用 户 表 里 插入 一 条 记录 ; 如 果 用 户 没 填 , 则 不 对 自 定义 用 户 表 操作 。 因 此 ,这 个 操作 可 以 
放 在 创建 了 一 个 新 用 户 后 即刻 进行 , 比较 理想 的 是 放 在 CreateUserWizard 控件 的 
CreatedUser 事件 中 执行 ,这 个 事件 在 一 个 新 用 户 被 创建 后 触发 ,下 面 是 参考 代码 。 


protected void CreateUserWizardl1 CreatedUser(object sender, EventArgs e) 
{ 
WizardStepBase Step= null; 
// 遍 历 创建 步骤 ,找到 名 为 Info 的 那 一 步 ,也 即 是 第 一 步 。 
for (int i = 0; i < CreateUserWizardl.WizardSteps.Count; i++) 
{ 
if(CreateUserWizardl. WizardSteps[i]. 1D== "Info") 
step= CreateUserWizardl1. WizardSteps[ i]; 
} 
if (step != null) 
{ 
TextBox textBoxName = (TextBox)(step.Controls[0].FindControl("textboxName")); 
TextBox textBoxAddress = (TextBox)(step.Controls[0].FindControl("textboxAddress")); 


string strRealName = textBoxName. Text; 


string strAddreass = textBoxAddress. Text; 


// 如 果 用 户 填 了 信息 ,就 在 数据 库 的 自 定义 用 户 表 里 插入 一 条 记录 。 
if (strRealName != string. Empty) 
{ 
// 以 下 实现 向 数据 库 的 自 定义 用 户 表 插 和 人 记录, 因 篇 幅 缘故 省 略 。 
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图 6-28 注册 新 用 户 
3. 任务 完成 总 结 


本 任务 通过 使 用 ASP.NET 2. 0 的 相关 控件 ,创建 了 注册 和 登录 页 面 , 完 成 了 相关 工 
作 。ASP.NET 2.0 使 用 Membership API 来 实现 与 成 员 验 证 相关 的 所 有 工作 , 它 包 括 完整 
的 类 族 和 许多 使 用 方便 的 控件 。 通 过 使 用 这 些 控件 我 们 能 够 非常 方便 地 实现 用 户 的 注册 、 
验证 、 登 录 等 基本 功能 ,还 可 以 通过 设置 修改 CreateUserWizard 控件 的 默认 行为 模式 ,在 注 
册 时 收集 用 户 邮寄 地 址 等 特殊 信息 。 


4. 课堂 训练 与 知识 拓展 


CreateUserWizard 控件 的 “注册 新 账户 步骤 ”能 满足 一 般 性 的 注册 需求 ,但 在 实际 应 用 
中 ,往往 需要 输入 更 多 的 信息 ,如 真实 姓名 、 地 址 .个 人 爱好 等 ,这 些 内 容 的 输入 可 以 通过 添 


加 新 步骤 或 修改 “注册 新 账户 步骤 ?界面 来 实现 。 在 步骤 (2) 中 我 们 介绍 了 第 二 种 方法 ,用 来 
添加 输入 真实 姓名 和 地 址 。 如 果 有 较 多 的 额外 信息 需要 收集 ,我 们 可 以 尝试 采用 第 一 种 方 
法 ,把 采集 额外 信息 作为 一 个 单独 的 步骤 。 


6.4.4 任务 6-4 使 用 登录 类 控件 实现 显示 用 户 状态 功能 


1. 任务 介绍 


当 用 户 处 于 匿名 状态 时 , 它 需要 一 个 进行 登录 操作 的 人口 ,而 在 已 登录 状态 时 ,需要 一 
个 退出 登录 的 链接 。 许 多 网 站 还 能 够 显示 登录 用 户 的 用 户 名 ,让 用 户 感到 很 亲切 。 在 本 任 
务 中 ,我 们 就 来 实现 这 样 的 功能 。 


2. 任务 分 析 


ASP.NET 2.0 使 用 Membership API 来 实现 与 成 员 验 证 相关 的 所 有 工作 , 它 包括 完整 
的 类 族 和 许多 使 用 方便 的 控件 。 通 过 使 用 这 些 控 件 ,我 们 能 够 非常 方便 地 实现 用 户 的 注册 、 
验证 、 登 录 等 基本 功能 。LoginStatus 控件 和 LoginName 控件 就 是 其 中 非常 小 巧 实用 的 控 
件 , 通 过 它们 能 非常 简便 地 实现 显示 用 户 状态 和 用 户 姓名 的 功能 。 

(1) 使 用 LoginStatus 控件 实现 登录 

在 首页 上 拖 放 进 一 个 LoginStatus 控件 ,如 图 6-29 所 示 。 
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图 6-29 LoginStatus 控件 


LoginStatus 控件 为 没有 通过 身份 验证 的 用 户 显 示 登 录 链 接 ,为 通过 身份 验证 的 用 户 显 
示 注 销 链接 。 登 录 链 接 将 用 户 带 到 登录 页 。 注 销 链接 将 当前 用 户 的 标识 重 置 为 匿名 用 户 。 

(2) 使 用 LoginName 控件 显示 用 户 姓名 

在 首页 上 拖 放 进 一 个 LoginName 控件 ,如 图 6-30 所 示 。 


EF 
Content - Content1 ( 自 定义 ) 


软 迎 光临 辐 户 名 ] 
玻 录 


6-30 ”LoginName 控件 


如 果 用 户 已 使 用 ASP.NET 成 员 身 份 登录 , 则 LoginName 控件 显示 该 用 户 的 登录 名 。 
如 果 网 站 使 用 集成 的 Windows 身份 验证 ,该 控件 则 显示 用 户 的 Windows 账户 名 。 
运行 程序 ,登录 后 整体 效果 如 图 6-31 所 示 。 


ON Znereoor 


4 收 起 左 记 导入 


| 四 82 关 


小 说 
文艺 
励志 成 功 
人 人文 社 科 
工具 书 
图 。。 全 用 硬 助 (点 击 进入 ] 


图 6-31 LoginStatus 控件 和 LoginName 控件 运行 效果 


3. 任务 完成 总 结 


ASP.NET 2.0 提供 很 多 使 用 方便 的 控件 ,使 我 们 能 够 迅速 地 实现 与 用 户 的 注册 、 登 录 
等 相关 的 功能 。LoginStatus 控件 能 够 显示 当前 用 户 的 状态 ,并 提供 登录 或 退出 的 链接 ， 
LoginName 控件 能 显示 当前 用 户 的 姓名 ,使 网 站 显得 更 个 性 化 。 


4. 课堂 训练 与 知识 拓展 


注册 之 后 有 时 可 能 需要 修改 密码 , ASP .NET 2.0 提供 了 一 个 使 用 非常 方便 的 控件 
ChangePassword。 创 建 一 个 页 面 ,使 用 这 一 控件 来 实现 这 一 功能 。 


6.5 项 目 总 结 


本 项 目 采 用 数据 库 配 置 工具 自动 配置 了 身份 验证 所 需 的 数据 库 , 采 用 网 站 管理 工具 配 
置 了 网 站 的 安全 设置 ,最 后 用 一 系列 登录 控件 实现 了 登录 注册 等 功能 。 

众多 ASP.NET 登录 控件 一 起 为 ASP .NET Web 应 用 程序 提供 了 可 靠 完 整 且 不 需要 
编程 的 登录 解决 方案 。 默 认 情 况 下 ,登录 控件 与 ASP.NET 成 员 身 份 集成 ,从 而 有 助 于 网 
站 的 用 户 身 份 验证 过 程 实现 自动 化 。 

CreateUserWizard 控件 收集 潜在 用 户 所 提供 的 信息 ,创建 新 的 用 户 。 

Login 控件 显示 供用 户 输入 身份 验证 信息 的 用 户 界 面 , 包 含 用 于 用 户 名 和 密码 的 文本 
框 和 一 个 复 选 框 ,该 复 选 框 可 用 于 指示 是 否 需要 服务 器 使 用 ASP.NET 成 员 身 份 存储 他 们 
的 标识 并 且 在 他 们 下 次 访问 该 网 站 时 自动 进行 身份 验证 。 

LoginName 控件 显示 当 用 户 使 用 ASP.NET 成 员 身 份 登录 时 的 用 户 登录 名 。 如 果 网 
站 使 用 集成 的 Windows 身份 验证 ,该 控件 则 显示 用 户 的 Windows 账户 名 。 


LoginStatus 控件 为 没有 通过 身份 验证 的 用 户 显示 登录 链接 ,为 已 通过 身份 验证 的 用 户 
显示 注销 链接 。 登 录 链 接 将 用 户 带 到 登录 页 。 注 销 链 接 将 当前 用 户 的 标识 重 置 为 匿名 
用 户 。 


6.6 项 目 实 训 


1. 任务 描述 


创建 一 个 反映 出 版 社 信息 的 网 站 ,采用 示例 数据 库 Pubs, 这 个 网 站 的 部 分 内 容 只 允许 
注册 用 户 访 问 。 当 用 户 注册 时 ,除了 要 提供 用 户 名 ,密码 .E-mail 等 常规 信息 之 外 ,还 要 提 
供 真实 姓名 ,年 龄 .手机 号 码 和 真实 地 址 等 信息 。 在 网 站 的 模板 上 ,有 反映 用 户 登录 状态 以 
及 用 户 名 的 信息 。 


2. 任务 要 求 


@ 采用 数据 库 配置 工具 配置 示例 数据 库 Pubs。 

@ 采用 网 站 管理 工具 配置 网 站 的 安全 设置 ,manage 子 目录 下 的 资源 只 允许 注册 用 户 
访问 。 

@ 将 Login 控件 和 LoginStatus 控件 用 在 模板 上 。 

@ 为 创建 新 用 户 过 程 增添 新 的 步 又 以 收集 额外 信息 。 


项 目 7 


网 上 书店 一 般 都 有 购物 车 功能 。 客 户 查询 到 自己 喜爱 的 图 书 , 有 购买 意向 时 , 便 可 以 将 
图 书 放 到 购物 车 内 ,在 网 站 暂 存 。 我 们 到 超市 购物 时 ,可 以 将 自己 喜爱 的 商品 放 入 购物 车 ， 
也 可 以 将 购物 车 中 不 需要 的 商品 再 放 回 超 市 的 货架 。 网 上 购物 车 功能 类 似 于 超市 购物 车 的 
功能 ,网 上 购物 车 可 以 实现 商品 信息 的 添加 和 删除 ,能够 实现 计算 每 种 商品 的 小 计价 格 和 整 
个 购物 车 内 商品 的 总 价 。 为 吸引 客户 ,网 站 应 提供 匿名 用 户 , 也 可 以 使 用 购物 车 的 个 性 化 服 
务 。 在 项 目 7 中 将 介绍 如 何 设 计 网 上 书店 购物 车 ,并 实现 匿名 用 户 使 用 购物 车 ,以 及 用 户 登 
录 后 匿名 用 户 购物 车 数据 向 注册 用 户 购物 车 的 迁移 。 


7.2 项 目 分 析 


客户 浏览 网 上 书店 时 ,通常 会 先进 入 网 站 的 首页 浏览 网 站 图 书信 息 ,此 时 客户 并 没有 使 
用 账户 登录 网 站 , 即 用 户 是 以 匿名 方式 访问 网 站 的 。 当 客户 看 到 自己 喜爱 的 图 书 时 ,将 该 图 
节 添 加 到 匿名 购物 车 内 保存 。 客 户 离开 网 站 ,下 次 登录 网 站 时 ,客户 打开 匿名 购物 车 ,上 次 
选中 的 图 书 会 仍然 在 匿名 购物 车 中 ,没有 丢失 。 客 户 结账 时 ,需要 登录 网 站 ,匿名 购物 车 中 
的 商品 信息 要 能 够 自动 转 到 客户 购物 车 中 。 这 一 个 性 化 服务 的 购物 流程 符合 客户 的 操作 习 
惯 。 传 统 的 购物 车 设计 一 般 使 用 Session 对 象 保存 购物 车 对 象 , 当 客户 只 进行 了 购物 操作 ， 
没有 下 订单 操作 就 离开 网 站 时 ,客户 所 购 商品 会 丢失 ,无 法 满足 个 性 化 的 需求 ,直接 影响 到 
站 点 的 吸引 力 和 影响 力 。 作 为 一 个 电子 商务 网 站 ,非常 希望 为 用 户 提供 个 性 化 的 功能 ,但 由 
于 技术 难度 、 时 间 进度 和 开发 成 本 等 多 方面 因素 的 影响 ,个 性 化 的 构想 仍 难以 实现 。 

ASP.NET 2.0 技术 提供 了 个 性 化 服务 解决 方案 的 技术 框架 。 该 框架 主要 包括 3 项 核 
心 功能 : 个 性 化 的 用 户 配置 ,Web 部 件 、 成 员 和 角色 管理 。 提 供 个 性 化 服务 的 Web 站 点 必 
须 在 可 控 和 安全 的 前 提 下 运行 。 这 就 对 用 户 信 息 的 配置 .存储 和 个 性 化 服务 方式 等 提出 了 
要 求 。 为 显示 个 性 化 服务 ,Web 站 点 主要 执行 3 个 步骤 : 识别 用 户 身 份 、 提 供 个 性 化 服务 体 
验 和 存储 用 户 信息 。 

a 识别 用 户 身份 。Web 站 点 只 有 了 解 用 户 登 录 身 份 才能 依据 身份 提供 相应 功能 服务 。 
在 这 一 步骤 中 首先 要 建立 验证 用 户 身 份 的 机 制 ,如 在 数据 库 中 建立 用 户 表 ,存储 用 户 名 和 密 
码 , 当 用 户 登 录 网 站 时 ,判断 是 匿名 用 户 还 是 非 匿名 用 户 , 如 果 是 非 匿 名 用 户 则 获取 用 户 输 


入 的 用 户 名 及 密码 和 数据 库 中 存储 的 用 户 名 及 密码 进行 对 照 ,验证 用 户 是 否 具有 登录 站 点 
的 合法 身份 。 然 后 ,站 点 还 必须 创建 识别 用 户 需求 的 机 制 。 不 同 的 用 户 具有 不 同 的 需求 , 匿 
名 用 户 和 登录 用 户 所 具有 的 功能 有 所 不 同 , 普 通用 户 和 管理 员 所 具有 的 功能 也 不 同 。 最 后 ， 
Web 站 点 还 必须 创建 管理 用 户 的 机 制 。 

@ 提供 个 性 化 服务 的 体验 。Web 站 点 为 匿名 用 户 和 登录 用 户 提供 的 个 性 化 服务 是 不 
同 的 ,只 有 登录 站 点 才能 享受 站 点 提供 的 众多 的 个 性 化 服务 。 个 性 化 的 功能 可 以 为 客户 提 
供 自 定义 显示 、 持 续 跟踪 用 户 操作 信息 等 功能 。 所 有 的 个 性 化 功能 都 与 用 户 身份 关联 。 

@ 存储 用 户 信息 。 必 须 能 够 存储 用 户 的 信息 ,不 可 能 让 客户 每 次 登录 站 点 都 要 重新 注 
册 和 配置 个 人 信息 。 能 够 存储 客户 个 人 信息 和 购物 车 信息 Web 站 点 提供 的 个 性 化 功能 紧 
密 关联 。 

网 上 书店 购物 车 的 设计 包含 4 个 任务 : 设计 待 购 图 书 详细 信息 显示 界面 设计 购物 车 
内 图 书信 息 实 体 类 和 购物 车 类 ,设计 匿名 用 户 使 用 的 购物 车 、 实 现 匿 名 用 户 购物 车 数据 向 注 
册 用 户 购物 车 的 迁移 。 流 程 图 如 图 7-1 所 示 。 待 购 图 书信 息 显 示 界 面 提供 每 本 图 书 的 详细 
信息 ,以 供 客户 选择 ,本 模块 中 “购买 ”功能 实现 将 图 书信 息 添加 到 购物 车 中 。 购 物 车 图 书信 
息 实体 类 ,封装 图 书 的 编号 , 书 名 、 销 售 价格 、 每 本 图 书 的 购买 数量 和 小 计价 格 等 信息 。 购 物 
车 类 封装 了 图 书信 息 实 体 集合 ,以 及 向 购物 车 中 添加 图 书 、 从 购物 车 中 删除 图 书 、 更 新 购物 
车 中 图 书 数量 等 操作 。 使 用 个 性 化 配置 实现 匿名 用 户 购物 车 ,匿名 用 户 选 购 的 图 书 可 以 保 
存 到 匿名 用 户 购物 车 中 。 实 现 注 册 用 户 购物 车 , 当 匿 名 用 户 注册 登录 网 站 时 ,实现 匿名 用 户 
购物 车 内 商品 信息 向 注册 用 户 购物 内 迁移 。 


任务 7-2 : 设计 任务 7-3 : 任务 7-4 : 实现 匿 

1 = 购物 车 内 图 书 设计 匿名 名 用 户 购物 车 数 

书信 息 显示 信息 实体 类 和 中 用 户 使 用 中 据 向 注册 用 户 购 
界面 购物 车 类 的 购物 车 物 车 迁移 


图 7-1 购物 车 管理 模块 流程 图 


7.3 相关 知识 


1. 个 性 化 配置 知识 


在 实现 购物 车 时 可 以 使 用 个 性 化 的 配置 ,在 站 点 的 web. config 文件 中 添加 Profile 配 
置 节 , 将 购物 车 对 象 标 识 配置 到 配置 节 中 ,可 以 实现 购物 车 个 性 化 的 访问 。ASP .NET 2.0 
提供 的 个 性 化 用 户 配 置 功能 可 以 实现 将 配置 信息 与 单个 用 户 关 联 , 并 采用 持久 化 方式 存储 
信息 。 配 置信 息 可 以 是 任何 与 用 户 有 关 的 信息 ,如 用 户 使 用 的 主题 等 。 所 存储 的 配置 信息 
可 以 是 任何 数据 类 型 对 象 , 例 如 ,简单 数据 类 型 String Int 等 ,也 可 以 是 复杂 自 定 义 对 象 (如 
购物 车 对 象 ) 。 单 个 用 户 可 以 是 匿名 用 户 也 可 以 是 注册 用 户 , 默 认 情 况 下 ,个 性 化 用 户 配置 
功能 只 存储 注册 用 户 配 置信 息 , 但 可 以 修改 配置 节 相关 内 容 允 许 保存 匿名 用 户 配置 信息 。 
默认 情况 下 ,持久 化 存储 采用 SQLServer 数据 库 连 接 方式 ,并 且 无 须 自行 创建 和 维护 该 数 
据 库 ,这 些 工作 由 ASP.NET 2.0 自行 完成 。 

使 用 个 性 化 用 户 配置 功能 主要 包括 两 个 步骤 : 一 是 配置 应 用 程序 以 便 启 用 和 定义 存储 


用 户 跟 踪 用 户 信息 的 配置 信息 ,这 些 工 作 在 web. config 文件 的 二 profile 之 配置 节 中 完成 ， 
例如 ,定义 配置 信息 名 称 、 数 据 类 型 ,设置 是 否 允 许 匿 名 用 户 存储 有 关 信 息 等 ; 二 是 使 用 与 
用 户 配置 功能 有 关 的 强 类 型 API 实现 对 用 户 配置 信息 的 存储 访问 和 管理 等 。 


2. 哈 希 表 (HashTable) 


在 .NET Framework 中 ,HashTable 是 System. Collections 命名 空间 提供 的 一 个 容器 ， 
用 于 处 理 和 表现 类 似 key/value 的 键 值 对 ,其 中 key 通常 可 用 来 快速 查找 ,同时 key 区 分 大 
小 写 ; value 用 于 存储 对 应 于 key 的 值 。HashTable 中 key/value 键 值 对 均 为 object 类 型 ， 
所 以 HashTable 可 以 支持 任何 类 型 的 key/value 键 值 对 。HashTable 类 的 Value 属性 可 以 
返回 ICollection 类 型 的 数据 集合 ,购物 车 存储 的 商品 数据 可 以 保存 在 Value 属性 中 ， 
ICollection 类 型 的 数据 集合 可 以 轻松 与 GridView 控件 绑 定 , 并 将 数据 显示 出 来 。 

哈 希 表 的 简单 操作 如 下 : 

在 哈 希 表 中 添加 一 个 key/value 键 值 对 : 

HashtableObject. Add(key, value); 

在 喻 希 表 中 去 除 某 个 key/value 键 值 对 : 

HashtableObject. Remove(key); 

从 哈 希 表 中 移 除 所 有 元 素 ， 

HashtableObject. Clear(); 

判断 喻 希 表 是 否 包 含 特定 键 key: 

HashtableObject. Contains(key); 

3. 实体 类 

分 层 结构 的 数据 库 软件 开发 中 ,一 般 都 要 用 到 实体 类 。 要 了 解 实体 类 的 作用 ,首先 有 必 
要 了 解 对 象 关系 映射 ORM(Object/Relation Mapping) 思 想 。 它 是 用 来 解决 面向 对 象 程序 
与 关系 型 数据 库 之 间 一 种 对 象 关 系 模 型 的 方案 ,通过 在 程序 中 定义 对 象 模型 ,来 映射 数据 库 
中 的 业务 表 。ORM 的 好 处 显而易见 ,将 数据 库 业 务 表 映 射 为 程序 对 象 ,对 表 字段 的 读 写 可 
通过 对 象 相关 属性 操作 ,对 表 的 查询 可 通过 对 象 集合 获取 查询 结果 信息 ,对 表 的 添加 、 删 除 、 
更 新 等 操作 同样 可 通过 对 象 的 相关 方法 来 实现 。 在 分 层 结 构 中 ,用 户 甚至 不 需 关 心 数据 库 
链接 .数据 管理 等 操作 ,直接 使 用 相关 操作 接口 ,通过 业务 表 映 射 的 程序 对 象 即 可 实现 对 数 
据 的 查询 和 管理 操作 。 大 多 数 情况 下 ,程序 中 定义 的 对 象 模型 ,就 是 表 的 “实体 映射 ”, 即 一 
张 业 务 表 映 射 到 一 个 对 象 类 ,具体 讲 就 是 一 个 表 名 对 应 一 个 类 名 , 表 中 各 字段 对 应 写成 此 类 
的 各 属性 。 这 是 ORM 映射 方案 的 基础 。 

项 目 7 中 使 用 实体 类 集合 存放 图 书信 息 。 然 后 设计 一 个 购物 车 类 对 实体 类 进行 操作 ， 
购物 车 类 封装 的 是 购物 方法 的 实现 。 购 物 车 内 容 的 呈现 使 用 GridView 控件 。 用 户 购 物 界 
面 使 用 Datalist 控件 设计 ,Datalist 控件 与 SqlDataSource 数据 源 控 件 绑 定 ,呈现 数据 库 中 图 
书 的 信息 。 


7.4 项 目 实 施 


在 接 下 来 的 内 容 里 ,将 介绍 子 任务 的 实现 过 程 。 项 目 实施 过 程 分 解 为 如 下 的 4 个 任务 ， 
每 个 任务 都 有 若干 步骤 才能 完成 。 下 面具 体 介 绍 。 


7.4.1 任务 7-1 设计 图 书 购 买 界面 


1. 任务 介绍 


添加 图 书 到 购物 车 需要 设计 一 个 待 购 图 书信 息 显示 界面 ,显示 每 本 图 书 的 书 名 市场 
价 \ 会 员 价 、 订 购 数 量 、 图 书 内 容 介绍 等 详细 信息 。 本 任务 将 介绍 如 何 使 用 DataList 控件 结 
合 SqlDataSource 数据 源 控件 设计 待 购 图 书 的 购买 界面 。 


2. 任务 分 析 


在 图 书 购买 界面 中 应 包含 一 个 描述 订购 动作 的 按钮 , 单 击 该 按钮 可 实现 将 图 书 添加 到 
购物 车 的 过 程 ,完成 图 书 选 购 。 使 用 SqlDataSource 数据 源 控件 从 数据 库 中 提取 图 书 详细 
信息 。 使 用 DataList 控件 设计 图 书 购买 界面 。 将 DataList 控件 和 数据 源 控件 绑 定 显示 图 
书信 息 。 

(1) 配置 数据 源 控件 SqlDataSource 

在 解决 方案 的 Web 文件 夹 中 新 建 一 个 bookView. aspx 文件 ,打开 该 文件 的 设计 界面 。 
从 工具 箱 的 “数据 ?选项 卡 中 选择 “SqlDataSource” 数 据 源 控 件 , 拖 放 到 设计 界面 中 。 

使 用 项 目 4 中 介绍 的 配置 数据 源 知识 为 数据 源 配置 Select 语句 。 打 开 * 配 置 Select 语 
句 ” 对 话 框 , 单 击 “ 指 定 来 自 于 表 或 视图 的 列 " 选 项 ,选择 视图 文件 “View_Book”, 在 需要 呈现 
的 字段 前 打 勾 ,如 图 7-2 所 示 。 

设置 Where 子 句 的 条 件 [bookid] = @ bookid, 参数 @ bookid 绑 定 Label 控件 
“labBookID” 的 Text 属性 (存储 图 书 的 编号 ) 。 

单 击 * 下 一 步 ?按钮 ,进入 “测试 查询 ”对 话 框 , 单 击 * 测 试 查询 ”可 以 对 SQL 语句 进行 测 
试 , 单 击 “ 完 成 "按钮 ,完成 配置 数据 源 的 操作 。 

后 台 的 BookView. aspx. cs 文件 中 “Page_Load” 方 法 的 代码 如 下 : 

Protected void Page_Load(object sender, EventArgs e) { 

if (!IsPostBack) { 


labBookID. Text = Request.QueryString["BookID"]; 
} 


} 
从 前 页 获取 图 书 的 编号 存储 到 Label 控件 中 ,数据 源 从 数据 库 查询 图 书信 息 参数 用 该 
Label 控件 获取 。 


(2) 使 用 DataList 控件 设计 图 书 购 买 界面 
从 工具 箱 的 “数据 ”选项 卡 选 择 DataList 添加 到 设计 界面 中 。 在 “DataList 任务 ”对 话 


Se 项 目 1 设计 网 上 书店 购物 车 -3 -----. 


到 xx 


个 指定 自 定义 SQL 语句 或 存 情 过 程 (G) 
"sD | 
吉 称 MW); 


View_8ook | 


Mprice DD NetBookDate 厂 只 返回 唯一 行 昌 


WW bookid MW NetBookPrice CD Categoryld 
A bookname tM picture WHEREW- 


口 ISBN emo 

网 author mount ORDER BYGB)… 
publisher 口 recommendFlag 

D pubdate 口 recommendDate 高 级 WO | 
SELECT 语句 (U: 

SELECT [bookidl [bookname] [authorl [publisherl [pricel [pubnumberl [picturel [NetBookPrkcel [memo] FROM 加 
View_8ooh] WHERE (bookid] = @bookid) | 


图 7-2 配置 Select 语句 


框 中 选择 步骤 (1) 中 配置 的 “SglDataSourcel1” 数 据 源 ,将 DataListl 控件 与 数据 源 绑 定 , 单 击 
“刷新 架构 ”, 结 果 如 图 7-3 所 示 。 

选择 “DataList 任务 ”对话 框 中 的 “编辑 模板 ”, 打 开 编 辑 模板 对 话 框 , 如 图 7-4 所 示 。 
DataListl 项 模板 中 产生 9 个 Label 控件 分 别 绑 定 SqlDataSourcel 的 9 个 字段 。 


[ Content - Contentl ( 自 定义 ) 


Content - Content1 ( 自 定义 ) 


ataSource - SqlDataSourcel 
ataList1 - 项 模板 


ItemTemplate 

bookid: 和 oookidLabel] 

bookname: PbooknaneLabel] 

author NauthorLabel] 

publisher. PpublisherLabel] 

price WpriceLabel] 

pubnumber WpubnunberLabel] 
picture: WpictureLabel] 
NetBookPrice. WNet BookPriceLabel] 
memo. YnenoLabel] 


T 


图 7-3 DataListl 控件 绑 定 SqlDataSourcel 7-4 ”DataListl 模板 编辑 
数据 源 


对 Label 控件 重新 使 用 表格 布局 ,布局 界面 如 图 7-5 所 示 。 其 中 pictureLabel 标签 控件 
绑 定 了 图 片 的 路 径 ,更 改 为 用 Image 控件 描述 。 图 中 左上 和 角 打 又 的 控件 。 


人 ~ SqlDatasoureel 
atalist1 - 项 模板 


ItaTemplate 
TlabTitle] 


回 而 场 价 : 县 riceLabeIJ 卫 abe12] 隔 abe13] 
匿 通 会 员 价 : etBookPriceLabel] 
匠 3 星 归 会 员 : 三 abprice5] 
到 5 旦 级 会 员 隔 abPrice5] 
曙 是 
医 末 信息 


区 书 名 】 网 ooknaneLabe1] 
区 作者 ] RauthorLabel] 

区 出 版 入 】 苞 ublisherLabel] 
区 版 本】 顾 abeII 

陶 容 简介 

enoLabel] 


图 7-5 重新 布局 过 的 DataListl 项 模板 


页 面 代码 描述 如 下 : 


<asp:Image ID = "Imagel" runat = " server”Height = "200px" Width = "160px" ImageUrl = '<%# 

Eval("picture") %>'/> 

ImageUrl 属性 绑 定 数据 表 t_book 的 picture 字段 ,可 以 从 数据 库 中 获取 图 片 的 位 置 ， 
在 生成 页 面 时 ,该 位 置 显示 图 片 。 

描述 图 书 的 市 场 价 和 网 店 销售 价 时 ,使 用 的 页 面 代码 如 下 : 

< asp:Label ID = "priceLabel" runat = " server”Text = '<%# Eval("price"，"{0:C}") %>' 

ForeColor = "Red"> 

<asp:Label ID = "NetBookPriceLabel" runat = "server” Text = '<%# Eval("salePrice"”, "{0:C}") 

第 >'ForeColor = "Red"> 

在 绑 定 市 场 价 price 和 销售 价 salePrice 时 ,使 用 格式 控制 符 “{0:C}” ,在 页 面 呈 现时 ,将 
自动 以 货币 形式 呈现 。 

添加 按钮 “LinkButton”, 按钮 的 ID 属性 设 为 “lbtPurchase”, 文 本 Text 属性 设 为 “ 购 
买 ” ,将 “commandargument? 属 性 绑 定 到 字段 “bookid” ,页面 代码 描述 如 下 : 


< asp:LinkButton ID = "lbtPurchase" runat = "server" commandargument = '<% # Eval("bookid") 
%>' CommandName = "Purchase" OnCommand = "lbtPurchase_Command"> 购 买 </asp:LinkButton> 


控件 “lbtPurchase” 的 Command 事件 函数 结构 如 下 : 


protected void lbtPurchase Command(object sender, CommandEventArgs e){ 
// 进 行 添加 图 书 到 购物 车 的 处 理 ,将 选中 的 图 书信 息 加 入 到 购物 车 。 
// 后 台 代码 在 实现 购物 车 操作 时 分 析 。 

}’ 


当 单 击 按钮 时 ,将 执行 添加 图 书 到 购物 车 的 操作 。 


待 购 图 书信 息 显示 界面 运行 效果 如 图 7-6 所 示 。 


写 给 大 家 看 的 CSS 书 
[| 吕 | 市 场 价 : ¥49.00 
普通 会 员 价 : ¥39.20 
1-3 星 级 会 员 ， 
4-5 旺 纹 会员 
be wx 


基本 信息 
【 书 名 】 写 给 大 家 看 的 C35 书 
【作者 】 二)Charles Wyke-Snith 
【出 版 社 】 ”人 民 邮 电 出 版 社 
【版 本 】 1 
内 容 简 介 


本 书 介 绍 了 C535 样式 设计 ， 主 要 酒 盖 利用 XHTIL 为 内 容 定义 结构 、cC55 的 工作 原理 、 宁 体 和 文本 样式 、 定 位 元 素 、 基 本 的 页 面 布局 等 内 容 ， 洋 
细 讲 述 了 所 有 程序 员 都 需要 舍 握 的 两 种 技能 :和 避免 重 忆 以 前 曾经 马 过 的 代码 和 拿 握 以 最 经 济 的 方法 编写 代码 。 同 时 ， 书 中 的 所 有 代码 都 可 以 
从 本 书 的 网 站 (www. stylinwithcss. com) 下载。 而 且 ， 作 者 会 在 发 现 错误 之 后 改正 它们 并 更 新 下 载 文件 。. 


图 7-6 ”图书 购买 界面 
3. 任务 完成 总 结 


购书 界面 设计 的 关键 点 是 将 DataList 控件 与 数据 源 控件 SqlDataSource 绑 定 ,使 用 
DataList 控件 的 项 模板 重新 构造 界面 。 在 DataList 控件 的 项 模板 中 使 用 Image 控件 显示 
图 片 , 图 片 的 路 径 参 数 通 过 DataList 控件 和 数据 源 控件 的 绑 定 获取 。 

4. 课堂 训练 与 知识 拓展 

在 图 书 订购 页 面 中 ,除了 显示 当前 待 购 图 书 的 信息 外 ,一 般 在 设计 时 ,还 会 考虑 在 界面 
的 左 侧 栏 或 右 侧 栏 显 示 与 购买 图 书 相 关 的 其 他 图 书简 要 信息 ,以 供 客户 选择 。 在 待 购 图 书 
信息 显示 界面 的 左 侧 栏 使 用 DataList 控件 进行 布局 设计 ,显示 与 待 购 图 书 同类 的 图 书 ,和 
最 新 出 版 的 10 本 图 书 的 简要 信息 。 


7.4.2 任务 7-2 设计 购物 车 商品 信息 类 和 购物 车 类 


1. 任务 介绍 


购物 车 的 每 个 商品 可 以 用 一 个 实体 类 进行 描述 。 用 户 使 用 购物 车 需要 能 够 将 选 购 商 品 
放置 到 购物 车 中 ,能够 从 购物 车 中 移 除 商品 ,还 要 能 够 修改 购物 车 中 的 商品 数量 ,这 些 操作 
可 以 封装 在 一 个 购物 车 操作 类 中 。 本 任务 将 介绍 存储 图 书信 息 的 实体 类 和 购物 车 类 的 设计 
过 程 。 


2. 任务 分 析 
购物 车 中 图 书信 息 包含 图 书 的 编号 、 书 名 、 价 格 、 数 量 、 小 计 等 信息 。 小 计 是 通过 价格 和 


数量 相 乘 的 结果 。 购 物 车 的 每 本 图 书 可 以 用 一 个 实体 类 (CartItem) 描 述 。CartItem 类 以 面 
向 对 象 的 方式 构建 了 购物 车 中 的 单条 商品 对 象 。 购 物 车 中 一 般 有 多 本 图 书 , 可 以 用 哈 希 表 


来 存储 ,使 用 图 书 的 编号 作为 哈 希 表 的 键 , 存 
储 图 书信 息 的 实体 对 象 作 为 喻 希 表 的 值 。 购 
物 车 类 (ShoppingCart) 对 购物 车 的 操作 实际 
上 是 对 哈 希 表 的 操作 。 购 物 车 要 能 实现 图 书 
信息 的 添加 、 从 购物 车 中 移 除 图 书信 息 和 重 
新 设置 购物 车 中 图 书 数量 的 功能 。 购 物 车 商 
品 信息 类 图 和 购物 车 类 图 如 图 7-7 所 示 。 

(1) 设计 购物 车 商品 信息 类 

CartItem 类 由 3 部 分 构成 ,私有 成 员 变 
量 (字段 )、 属 性 和 构造 函数 。 外 部 的 图 书 编 
号 \ 书 名 、 定 价 参 数值 在 类 进行 实例 化 时 由 构 
造 函 数 传 给 内 部 私有 成 员 变 量 ,购买 数量 默 
认 值 为 1, 由 私有 成 员 变 量 m_Quantity 初始 
化 。 描 述 图 书 编号 、 书 名 、 图 书 价格 和 单 件 商 


Cartltem 四 
Class 


号 字 & 
pm_BookD 
Rm_BookName 
$m_BookPrice 
Rm_Quantity 

属性 
守 BookD 
加 BookName 
可 Bookprice 
守 Quantity 
加 SubTotalPrice 

吕方 法 
% Cartttem 


(a) 购物 车 商品 信息 类 图 


Shoppingcart 车 
Class 


量 字 段 
$m_HashCart 
日 属性 
守 Cartltems 
守 Totalprice 
日 方法 
% AddBook 
© RemoveBook 
Y SetQuantity 


(b) 购物 车 类 图 


图 7-7 购物 车 商品 信息 类 图 和 购物 车 类 图 


品 小 计价 格 的 属性 设计 成 只 读 属性 ,而 购物 车 中 商品 的 数量 客户 需要 更 新 ,设计 成 可 读 写 的 
属性 。 单 件 商品 小 计价 格 是 由 内 部 成 员 变量 m_BookPrice 和 m_Quantity 相 乘 后 的 结果 。 
在 解决 方案 的 App_Code 文件 夹 下 添加 CS 文件 CartItem. es, 设计 CartItem 类 代码 


如 下 : 


[Serializable] 

public class CartItem{ 
Private int m BookID; 
private string m BookName; 
Private decimal m BookPrice; 
private int m Quantity = 1; 


// 定 义 图 书 编号 属性 
public int BookID{ 

get { return m BookID; } 
} 


// 定 义 图 书 的 书 名 属性 
public string BookName { 

get { return m_BookName; } 
} 


/// 定 义 图 书 的 价格 属性 
public decimal BookPrice { 
get { return m BookPrice; } 


i 


// 定 义 订购 数量 属性 


public int Quantity 
{ 
get { return m Quantity ; } 
set { m Quantity = value; } 
} 


// 定 义 单 件 商 品 小 计价 格 属性 
public decimal SubTotalPrice { 

get { return m BookPrice * m Quantity; } 
} 


// 图 书 业务 实体 类 构造 函数 ,参数 图 书 编号 、 书 名 、 购 买 价格 

public CartItem( int bookID, string bookName, decimal bookPrice) { 
m BookID = bookID; 
m BookName = bookName; 
m BookPrice = bookPrice; 


} 


(2) 设计 购物 车 类 

购物 车 类 ShoppingCart 主要 实现 购物 车 内 图 书信 息 数 据 的 添加 、 删 除 和 修改 的 功能 。 
字段 m_ HashCart 为 喻 希 类 型 的 字段 ,以 喻 希 表 方式 存储 购物 车 内 所 有 商品 数据 。 
ShoppingCart 类 还 包含 两 个 属性 。CartItems 属性 返回 购物 车 内 所 有 商品 数据 ,属性 类 型 
为 ICollection 类 型 ,该 类 型 包含 在 System. Collections 命名 空间 中 ,因此 , 设计 
ShoppingCart 类 需要 引用 命名 空间 "using System. Collections”。ShoppingCart 类 的 另 一 
个 属性 TotalPrice 用 于 获取 购物 车 中 商品 的 总 价 ,具体 设计 可 以 参考 下 面 的 代码 设计 。 此 
外 ,ShoppingCart 类 还 包含 3 个 方法 , AddBook 方法 实现 向 购物 车 中 添加 图 书 ， 
RemoveBook 方法 实现 从 购物 车 中 删除 图 书 ,SetQuantity 方法 实现 更 改 购物 车 中 商品 购买 
数量 。 这 3 个 方法 分 别 使 用 了 HashTable 类 提供 的 Add 和 Remove 方 法 ,以 及 HashTable 
类 的 索引 机 制 。 每 本 图 书 的 “BookID” 作 为 喻 希 表 的 键 值 , 每 个 键 值 所 对 应 的 值 为 相应 的 图 
书 实体 对 象 “CartItem”。 

在 解决 方案 的 App_Code 文件 夹 下 添加 CS 文件 ShoppingCart. cs, 设 计 ShoppingCart 
类 代码 如 下 : 

[Serializable] 

public class ShoppingCart{ 


// 定 义 购物 车 对 象 ,Hashtable 类 型 对 象 
private Hashtable m HashCart = new Hashtable(); 


// 定义 购物 车 的 商品 订单 属性 
public ICollection CartItens{ 

get { return m HashCart. Values; } 
} 


// 定 义 购物 车 中 商品 总 价 属性 
public decimal TotalPrice { 
get { 


decimal sum = 0; 

foreach (CartItem item in m HashCart.Values) { 
Sum + = item.BookPrice * item.Quantity; 

} 


return sum; 


// 定义 向 购物 车 中 添加 图 书 的 成 员 函 数 , 参 数 图 书 编号 ` 书 名 和 购买 价格 
public void AddBook( int bookID，string bookName, decimal bookPrice) { 
// 依 据 图 书 编 号 到 购物 车 中 查询 图 书 对 象 
CartItem item = (CartItem)m HashCart[bookID]; 


// 如 果 购 物 车 中 没有 该 图 书 , 添 加 到 购物 车 中 ,否则 订购 数量 加 1 
if (item== null) { 
m HashCart. Add(bookID, new CartItenm(bookID, bookName, bookPrice)); 
} 
else{ 
item. Quantity++; 
m HashCart[bookID] = item; 


I 


// 定 义 从 购物 车 中 移 除 图 书 的 成 员 函 数 , 参 数 图 书 编号 
public void RemoveBook( int bookID) { 
CartItem item = (CartItem)m HashCart[bookID]; 
if (item != null) { 
m HashCart. Remove( bookID); 
} 
} 


// 定 义 设置 订购 数量 的 成 员 函 数 , 参 数 图 书 编号 和 订购 数量 
public void SetQuantity( int bookID, int quantity) { 
CartItem item = (CartItem)m HashCart[bookID]; 
if (item != null && quantity > 0) { 
item. Quantity = quantity; 
m_HashCart[bookID] = item; 


} 


3. 任务 完成 总 结 


本 任务 完成 了 购物 车 商品 信息 类 和 购物 车 类 设计 。CartItem 类 和 ShoppingCart 类 构 
建 的 哈 希 表 将 被 以 二 进 制 序列 化 方式 存储 到 配置 数据 库 的 aspnet_Profile 表 中 ,因此 ,两 个 
类 的 类 名 前 都 用 “[ ]” 标 记 一 个 属性 Serializable。 该 属性 指示 类 被 序列 化 。 序 列 化 是 指 将 
对 象 实例 的 状态 存储 到 存储 介质 的 过 程 。 在 此 过 程 中 , 先 将 对 象 公共 字段 .私有 字段 以 及 类 
名 转换 为 字 节 流 , 然 后 再 把 字 节 流 写 人 数据 流 。 对 对 象 进行 反 序列 化 时 ,将 创建 出 与 原 对 象 
完全 相同 的 副本 。 序 列 化 和 反 序列 化 的 过 程 是 由 ASP .NET 2.0 自动 完成 的 。 


4. 课堂 训练 与 知识 拓展 


客户 购买 图 书 金额 达到 一 定 的 级 别 后 ,将 获得 网 站 的 折扣 优惠 ,网 上 书店 往往 根据 客户 
的 级 别 , 给 客户 一 个 优惠 价 ,在 进行 购物 车 设计 时 ,购物 车 内 单 件 商品 要 显示 两 种 价格 ,图 书 
的 市 场 价 和 会 员 价 , 会 员 价 是 网 站 依据 客户 的 级 别 给 客户 的 优惠 价 。 购 物 车 要 计算 两 种 价格 
的 小 计 及 总 差价 。 依 据 上 述 的 描述 改写 购物 车 商品 信息 类 和 购物 车 类 ,实现 会 员 价 的 计算 。 


7.4.3 任务 7-3 实现 匿名 用 户 使 用 购物 车 


1. 任务 介绍 


在 传统 的 电子 商务 网 站 的 设计 中 ,客户 访问 电子 商务 网 站 时 ,一 般 先 浏览 页 面 ,查看 自 
己 感 兴趣 的 商品 , 当 客 户 要 使 用 购物 车 时 ,需要 登录 ,这 会 限制 匿名 用 户 的 购物 热情 ,将 失去 
一 部 分 潜在 的 客户 。 如 果 匿 名 用 户 没有 在 网 站 注册 ,强制 用 户 注册 ,会 打 断 用 户 的 购物 流 
程 。 即 使 已 经 注册 的 用 户 可 能 只 是 浏览 商品 ,也 未 必 会 购买 商品 。 这 些 问题 在 ASP .NET 
2.0 框架 下 可 以 通过 个 性 化 的 配置 ,设置 匿名 购物 车 解决 。 


2. 任务 分 析 


购物 车 的 界面 可 以 用 GridView 控件 实现 。 购 物 车 类 的 CartItems 属性 保存 购买 的 商 
品 信息 ,为 GridView 控件 提供 数据 源 。 使 用 个 性 化 服务 配置 购物 车 。 匿 名 用 户 登录 网 站 
时 ,网 站 分 配 匿 名 用 户 ID, 匿 名 用 户 可 以 使 用 购物 车 的 信息 保存 到 配置 数据 库 中 。 当 匿名 
用 户 再 一 次 登录 网 站 时 ,可 以 从 配置 文件 中 获得 购物 车 信息 。 

下 面 的 步骤 将 介绍 如 何 设计 和 使 用 匿名 购物 车 。 

(1) 设计 购物 车 界面 

购物 车 界面 包含 两 方面 的 内 容 : 一 是 购物 车 内 图 书 的 基本 信息 ,如 图 书 的 编号 、 书 名 和 
价钱 等 ; 二 是 对 这 些 基 本 信息 的 操作 ,如 从 购物 车 中 删除 图 书 、 更 新 单 件 图 书 的 购买 数量 、 
购买 产生 订单 等 。 界 面 如 图 7-8 所 示 。 


购物 车 
图 书 编号 图 书 名 称 销售 价格 价格 小 计 更 新 数量 
清除 31 西游 记 ¥1900 ¥1900 1 
清除 EJ 深入 理解 NET ¥9500 ¥9500 1 
清除 » 写 给 大 家 看 的 CSS 书 于 4900 ¥400 Wi 
清除 明 朝 那些 事 儿 ¥2300 ¥4600 日 
更 新 购买 


7-8 购物 车 界面 信息 


设计 购物 车 界面 的 代码 如 下 : 


<asp:GridView ID = "gvCart" 
runat = "server" 
DataKeyNames = "BookID" 
OnSelectedIndexChanged = "gvCart_SelectedIndexChanged" ShowFooter = "True"> 


< Columns > 
<asp:CommandField HeaderText = "清除 " 
SelectText = "清除 " 
ShowSelectButton = "True”> 
< ItemStyle ForeColor = "Blue" /> 
</asp:CommandField> 
<asp:BoundField DataField = "BookID" 
HeaderText = "图 书 编号 " /> 
<asp:BoundField DataField = "BookName" 
HeaderText = "图 书 名 称 " /> 
<asp:BoundField DataField = "BookPrice" 
DataFormatString = "{0:c}" 
HeaderText = "销售 价格 " /> 
<asp:BoundField DataField = "SubTotalPrice" 
DataFormatString = "{0:c}" 
HeaderText = "价格 小 计 " /> 
<asp:TemplateField HeaderText = "更 新 数量 "> 
< ItemTemplate > 
< asp:TextBox ID = "txbBookQuantity" 
runat = "server" 
OnTextChanged = "txbBookQuantity_ TextChanged" 
Text = '<%# Bind("Quantity") $%>' 
Width= "50px"/> 
</ItemTemplate> 
< FooterTemplate> 
<asp:LinkButton ID= "lbtUpdate" 
runat = "server" 
ForeColor = "Blue"> 更 新 </asp:LinkButton> 
<asp:LinkButton ID = "lbtBuy" 
runat = "server" 
OnClick = "lbtBuy_Click"> 购 买 
</asp:LinkButton > 
</FooterTemplate> 
</asp:TemplateField> 
</Columns > 
< EmptyDataTemplate> 
购物 车 没有 图 书信 息 ! 
</EmptyDataTemplate > 
</asp:GridView> 
<asp:Label ID= "labTotalPrice" runat = "server" /> 


控件 GridView 的 属性 DataKeyNames 的 值 为 图 书 编号 BookID, 通 过 BookID 可 以 唯 
一 标识 一 本 图 书 。 属 性 OnSelectedIndexChanged 定义 事件 gvCart_SelectedIndexChanged 
当选 择 一 本 图 书 时 执行 该 事件 ,购物 车 设计 中 将 该 事件 定义 为 删除 图 书 的 操作 , 如 
GridView 控件 第 1 列 的 配置 。 事 件 代 码 将 在 后 面 的 步骤 分 析 。 第 2 一 5 列 分 别 绑 定 图 书 的 
编号 . 书 名 、 销 售 价格 和 小 计价 格 。DataField 属性 分 别 绑 定 购物 中 图 书 业 务实 体 类 
CartItem 的 属性 。HeaderText 属性 值 为 购物 车 标题 栏 显 示 的 文字 。DataFormatString 一 
"{0:c})" 定 义 了 货币 数值 的 显示 格式 。 购 物 车 最 后 一 列 购买 数量 可 以 更 新 ,使 用 模板 列 设 
计 。 模 板 项 ItemTemplate 中 包含 一 个 TextBox 控件 ,让 用 户 填 写 数 量 。TextBox 控件 的 
属性 OnTextChanged 定义 事件 txbBookQuantity_TextChanged, 当 购买 数量 发 生 更 新 时 要 


更 新 购物 车 中 相应 图 书 的 数量 ,事件 代码 将 在 下 面 的 步骤 中 介绍 。 

最 后 一 列 的 页 脚 模板 项 FooterTemplate 中 设置 了 两 个 LinkButton 按钮 用 于 执行 数量 
更 新 和 购买 图 书 并 产生 订单 。 显 示 页 脚 需要 将 GridView 控件 的 属性 ShowFooter 设置 为 
True。 模 板 项 EmptyDataTemplate 设置 当 数据 库 源 为 空 时 的 提示 信息 。 

购物 车 中 图 书 的 总 价格 用 Label 控件 的 labTotalPrice 属性 呈现 。 

(2) 匿名 用 户 购物 车 个 性 化 设置 

匿名 用 户 登 录 网 站 ,网 站 将 给 匿名 用 户 产生 一 个 ID, 用 于 标识 匿名 用 户 的 身份 。 使 用 
aspnet_regsql 工具 在 NetBook 数据 库 中 创建 存储 profile 信息 的 表 结 构 ,存储 过 程 及 视图 。 
匿名 用 户 登 录 网 站 的 信息 将 写 人 表 aspnet_Users 中 。 匿 名 用 户 使 用 购物 车 的 信息 将 写 人 
表 aspnet_Profile 中 。 

设计 匿名 用 户 购 物 车 需要 对 Web. Config 进行 设置 。 

@ 配置 个 性 化 服务 默认 数据 库 连 接 词 。 在 过 configuration 之 配置 节 的 子 配置 节 
去 connectionStrings 二 配置 节 下 添加 访问 NetBook 数据 库 的 连接 词 。 配 置 代码 段 如 下 : 


<connectionStrings> 
< remove name = "LocalSqlServer" /> 
<add name = " LocalSqlServer " 
connectionString = "Data Source = . ; Initial Catalog = NetBook; User ID = sa; Password = 
sa@ sqlserver" 
providerName = "System. Data. SqlClient" /> 
</connectionStrings > 


首先 移 除 系统 默认 的 数据 库 连接 词 “LocalSqlServer”, 然 后 定义 NetBook 数据 库 连 接 
词 “LocalSqlServer”, 用 户 的 登录 ID 和 密码 依据 实际 情况 设置 。 
二 system. web 过 配置 节 的 子 配置 节 所 profile 之 的 属性 defaultProvider 设置 默认 连接 
对 象 名 MyProfileProvider, 在 二 profile 二 子 配置 节 二 providers 二 下 添加 连接 配置 项 。 连 接 
配置 项 的 connectionStringName 属性 值 与 上 面 介绍 的 二 connectionStrings 之 配置 节 访 问 数 
据 库 的 连接 词 要 一 致 。 配 置 代码 段 如 下 : 
< system. web > 
< profile defaultProvider = "MyProfileProvider"> 
<providers> 
<add name = "MyProfileProvider" 
type = "System. Web. Profile. SqlProfileProvider" 
connectionStringName = " LocalSqlServer " /> 
</providers > 
</profile> 
</system. web> 
@ 设置 匿名 用 户 访问 的 配置 项 。 人 允许 匿名 用 户 访问 数据 库 可 以 通过 设置 Web. Config 
的 配置 节 来 达到 目的 。 在 二 system. web 之 配置 节 下 添加 允许 匿名 用 户 访 问 的 配置 项 
< 一 anonymousIdentification 二 ,Enabled 属性 的 值 设 为 True。 配 置 代码 段 如 下 : 
< system. web> 


< anonymousIdentification enabled = "true"/> 
</system. web> 
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@ 设置 个 性 化 的 匿名 购物 车 配置 项 。 人 允许 匿名 用 户 使 用 购物 车 ,需要 在 所 profile> 配 
置 节 下 增加 过 properties 二 配置 节 , 在 二 properties 二 配置 节 下 添加 ShoppingCart 配置 项 ， 
type 属性 指出 项 目 类 型 为 自 定义 的 购物 车 类 ,serializeAs 二 "Binary" 指 出 购物 车 将 被 序列 化 
为 二 进 制 数据 库存 储 到 数据 库 中 ,设置 allowAnonymous= "true" 人 允许 匿名 用 户 使 用 购物 
车 。 配 置 代码 段 如 下 : 


<profile defaultProvider = "MyProfileProvider"> 
< properties > 
< add name = "ShoppingCart" 
type = "ShoppingCart" 
serializeAs = "Binary" 
allowAnonymous = "true"/> 
</properties> 
</profile> 


(3) 实现 图 书信 息 添加 到 购物 车 中 功能 

本 步骤 将 实现 任务 7-1 中 的 图 书信 息 加 入 购物 车 的 事件 代码 。 从 profile 配置 信息 中 获 
取 购 物 车 , 当 匿 名 用 户 第 一 次 访问 网 站 时 ,配置 信息 中 的 购物 车 对 象 为 空 ,需要 创建 购物 车 
对 象 , 并 保存 到 配置 项 中 。 从 配置 项 中 获取 购物 车 类 对 象 ,调用 购物 车 类 对 象 的 AddBook 
方法 将 图 书信 息 保存 到 购物 车 对 象 中 。 

添加 图 书信 息 到 购物 车 的 代码 如 下 : 


protected void lbtPurchase_Command(object sender, CommandEventArgs e){ 
if (e. CommandName == "Purchase") { 
// 从 图 书 购买 提交 事件 的 CommandArgument 属性 中 的 获取 图 书 的 编号 ， 
// 并 转换 为 整 型 
int bookID = int.Parse(e.CommandArgument. ToString()); 


// 获 取 DataList 控件 的 模板 项 
DataListItem dlItem = (sender as LinkButton).Parent as DataListItem; 


// 获 取保 存 书 名 和 书 价 的 Label 控件 
Label labBookName = dlItem.FindControl("booknameLabel") as Label; 
Label labBookPrice = dlItem.FindControl("priceLabel") as Label; 


if (labBookName!= null && labBookPrice!= null) { 
string bookName = labBookName.Text; 


// 货 币 类 型 的 图 书 价格 转换 为 数值 类 型 
decimal bookPrice = decimal. Parse ( labBookPrice. Text, System. Globalization. 
NumberStyles. Currency); 


// 如 果 Profile 对 象 中 存储 的 购物 车 对 象 为 nul1， 
// 则 创建 一 个 购物 车 对 象 ,保存 到 Profile 对 象 中 
if (Profile. ShoppingCart== null) { 
Profile. ShoppingCart = new ShoppingCart(); 
} 


// 将 购买 的 图 书 添加 到 Profile 对 象 的 购物 车 中 


Profile. ShoppingCart. AddBook( bookID, bookName, bookPrice); 
} 
} 
} 
(4) 实现 呈现 购物 车 中 的 图 书信 息 功 能 
从 profile 配置 信息 中 读 取 购物 车 对 象 ShoppingCart, 该 对 象 的 属性 CartItems 保存 了 
购物 车 中 的 商品 信息 ,将 CartItems 作为 数据 源 到 绑 定 GridView 类 型 的 控件 gvCart 的 
DataSource 属性 上 ,执行 gvCart 对 象 的 DataBind() 方 法 可 以 呈现 购物 车 的 图 书信 息 。 使 用 
ShoppingCart 对 象 的 TotalPrice 属性 获取 购物 车 中 所 有 图 书 的 总 价格 。 
呈现 购物 车 中 图 书信 息 的 代码 如 下 : 
protected void BindShoppingCart(){ 
if (Profile. ShoppingCart!= nul1) { 
// 将 Profile 对 象 中 的 购物 车 商品 信息 绑 定 到 GridView 类 型 的 显示 控件 
gvCart. DataSource = Profile. ShoppingCart. CartItems; 
gvCart. DataBind( ); 


// 计 算 购 物 车 中 图 书 的 总 价格 
if (gvCart. FooterRow!= null1){ 
labTotalPrice. Text = "总 价 : "+ Profile. ShoppingCart. TotalPrice. ToString("c"); 


} 
} 
} 
(5) 实现 删除 购物 车 中 的 图 书信 息 功能 
首先 从 gvCart 对 象 的 SelectedDataKey 属性 中 获取 被 选中 行 的 DataKey 对 象 ， 
DataKey 对 象 的 Value 属性 保存 了 图 书 的 编号 BookID。 将 图 书 编 号 作为 购物 车 对 象 
ShoppingCart 的 方法 RemoveBook 的 参数 ,实现 从 购物 车 中 删除 图 书 的 操作 。 
删除 购物 车 中 图 书信 息 的 代码 如 下 
protected void gvCart_SelectedIndexChanged( object sender, EventArgs e){ 
int bookID = (int) TotalPrice gvCart. gvCart SelectedDataKey. Value; 
Profile. ShoppingCart. RemoveBook( bookID) ; 
gvCart. SelectedIndex = 一 17 
BindShoppingCart( ); 
} 
(6) 实现 更 新 购物 车 中 图 书 的 购买 数量 功能 
读 取 profile 配置 信息 中 购物 车 对 象 ShoppingCart, 使 用 ShoppingCart 对 象 的 方法 
SetQuantity 更 新 购物 车 中 图 书 的 订购 数量 ,执行 SetQuantity 方法 时 ,传输 两 个 参数 “图 书 
编号 "和 “订购 数量 "。 更 新 成 功 则 重新 呈现 更 新 后 的 结果 ,更 新 失败 则 给 出 “购买 数量 为 大 
于 0 的 整 型 数字 !" 的 提示 信息 。 
更 新 购物 车 中 图 书 购 买 数 量 的 代码 如 下 : 
protected void txbBookQuantity TextChanged(object sender, EventArgs e){ 
bool isSucceed = false; 


// 获 取 GridView 控件 中 包含 TextBox 对 象 的 行 对 象 
TextBox txbQuantity = sender as TextBox; 
GridViewRow row = txbQuantity.Parent.Parent as GridViewRow; 


if (!string. IsNullOrEmpty(txbQuantity. Text)) { 
try{ 
// 获 取 订 购 数 量 
int intQuantity = int.Parse(txbQuantity. Text); 
if (intQuantity > 0) { 
// 获 取 图 书 的 编号 
int bookID = int.Parse(gvCart. DataKeys[row. RowIndex]["BookID"]. ToString()); 


// 使 用 ShoppingCart 对 象 的 SetQuantity 方 法 更 新 订购 数量 
Profile. ShoppingCart. SetQuantity(bookID, intQuantity); 


// 更 新 完毕 ,重新 呈现 购物 车 更 新 后 的 结果 
BindShoppingCart(); 
isSucceed = true; 
} 
else { 
isSucceed = false; 
} 
} 
catch { 
isSucceed = false; 


} 


if (!isSucceed) { 
txbQuantity. ForeColor = System.Drawing.Color. Red; 
labMsg. Text = "购买 数量 为 大 于 0 的 整 型 数字 !"; 

} 

else { 
txbQuantity. ForeColor = System.Drawing.Color.Black; 
labMsg. Text = string. Empty; 


3. 任务 完成 总 结 


本 任务 中 使 用 个 性 化 配置 实现 了 匿名 用 户 使 用 购物 车 。 使 用 GridView 设计 购物 车 显 
示 界 面 。 从 个 性 化 配置 对 象 profile 中 读 取 购物 车 对 象 ,实现 向 购物 车 中 添加 图 书信 息 、 从 
购物 车 中 删除 图 书信 息 、 更 新 购物 车 中 图 书 购买 数量 等 购物 车 常用 操作 方法 。 

4. 课堂 训练 与 知识 拓展 


结合 网 店 的 设计 要 求 ,将 匿名 用 户 使 用 购物 车 的 功能 模块 添加 到 应 用 程序 网 站 中 ,并 实 
现 清除 购物 车 内 商品 信息 的 功能 。 


7.4.4 任务 7-4 实现 匿名 用 户 购物 车 到 注册 用 户 购物 车 的 迁移 


1. 任务 介绍 


任务 7-3 解决 了 匿名 用 户 使 用 购物 车 功能 。 网 站 允许 匿名 用 户 登录 ,并 使 用 购物 车 选 
商品 ,这 时 购物 车 中 显示 的 商品 是 用 户 在 匿名 方式 下 所 选择 的 商品 列表 , 当 用 户 下 订单 购买 
购物 车 中 的 商品 时 ,需要 用 户 使 用 注册 账号 登录 站 点 , 才 可 以 继续 进行 购买 操作 。 用 户 的 购 
买 操作 是 针对 注册 用 户 的 购物 车 进行 的 ,因此 ,需要 将 匿名 用 户 购物 车 中 的 商品 列表 转移 到 
注册 用 户 购物 车 中 ,实现 匿名 用 户 向 注册 用 户 的 迁移 。 


2. 任务 分 析 


用 户 未 登录 站 点 时 不 能 进行 下 订单 的 操作 ,用 户 单 击 图 7-8 购物 车 界面 的 “购买 ”按钮 ， 
应 首先 验证 用 户 是 否 进 行 登录 ,如 果 用 户 没 有 登录 则 转向 登录 界面 。 代 码 描述 如 下 : 

if (!User. Identity. IsAuthenticated){ 

Response. Redirect("~ /Web/Logon. aspx" ); 

有 

实现 用 户 验证 需要 在 web. config 文件 对 验证 方式 和 默认 登录 页 面 进行 配置 。 用 户 登 
录 需 要 一 个 账号 ,可 以 使 用 项 目 6 中 介绍 的 创建 注册 用 户 功能 页 面 建立 注册 用 户 ,也 可 以 利 
用 网 站 管理 工具 创建 用 户 账号 。 当 用 户 使 用 分 配 的 账号 登录 网 站 时 ,系统 需要 实现 匿名 用 
户 向 注册 用 户 的 迁移 ,将 匿名 用 户 购物 车 内 商品 列表 迁移 到 注册 用 户 购物 车 内 。 

当 完 成 数据 迁移 后 ,用 户 退 出 登录 ,关闭 客户 端 浏览 器 ,然后 再 打开 浏览 器 以 匿名 用 户 
身份 访问 网 站 ,匿名 用 户 购物 车 中 商品 列表 将 被 清空 ,应 用 程序 为 减少 无 用 数据 ,应 删除 上 
次 匿名 用 户 所 生成 的 数据 。 当 用 户 使 用 上 次 登录 站 点 的 账号 登录 网 站 时 ,购物 车 中 将 显示 
用 户 购买 的 商品 列表 ,表明 匿名 购物 车 中 数据 已 转移 到 注册 用 户 购物 车 中 。 

(1) 用 户 登录 验证 配置 

实现 用 户 登 录 和 验证 功能 的 第 一 步 是 对 Web. Config 文件 进行 配置 ,结合 购物 车 的 应 
用 实例 ,配置 的 内 容 主 要 包括 验证 方式 .设置 默认 登录 页 


面 ` 定 义 用 户 配 置 属性 等 。 用 户 验证 是 基于 表单 的 验证 ， DD | 
Ea 各 tri+: t+ 
只 需 在 <system. web 二 配置 节 下 添加 以 Form 方式 对 用 | 本 oe 
户 的 验证 ,默认 登录 页 面 为 Web 文件 夹 下 的 Logon. aspx 添加 新 的 分 布 式 系统 关系 图 (D)-. 
页 面 。 配 置 节 代码 如 下 : 从 由 
Visio UML 
< authentication mode = "Forms"> 活用 人 )- 
< forms loginUrl = "一 /Web/Logon. aspx"/> 添 J Web 引用 (E).… 
</authentication> 启动 选项 (O)- 
辆 复制 网 站 中- 
(2) 利用 网 站 管理 工具 创建 用 户 账号 起 检查 畏 助 功能 @) 
本 步骤 中 利用 网 站 管理 工具 创建 一 个 用 户 ,并 为 其 设置 部 ASPNET) 
代 得 分 折 


密码 。 单 击 Visual Studio 2005“ 网 站 ”菜单 中 的 “ASP .NET 
配置 ”选项 可 以 调用 网 站 的 配置 工具 ,如 图 7-9 所 示 。 图 7-9 调用 ASP.NET 配置 工具 


单 击 “ASP.NET 配置 ”选项 ,Visual Studio 2005 将 启动 一 个 内 置 的 WebService ,并且 
在 浏览 器 中 加 载 网 站 管理 工具 。 使 用 该 工具 可 以 对 站 点 安全 、 应 用 程序 配置 和 提供 程序 配 
置 进行 设置 。 单 击 * 安 全 ?选项 卡 进 入 如 图 7-10 所 示 界 面 。 


名 刍 EE) 查看 中 中 蒜 W) 工具 CD 帮助 
国信 | 站 搜索 语 收 夫妇 


可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 密码 (身份 验证 )， 可 以 创建 角 
色 ( 用 户 组 )， 还 可 以 伸 建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 秽 则 )。 


默认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data 文 
件 夫 中 。 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程 床 ”选项 卡 选 择 其 他 提供 程序 。 


使 用 安全 设置 向 导 按部就班 地 配置 安全 性 。 


单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 。 

mr CE | 
现 有 用 户 ; 0 现 有 角色 : 0 创建 访问 规则 

用户 匡 用 角色 管理 访问 规则 

管理 用 户 区 管理 角色 

选择 身份 只 证 类 型 


Ti Ny aw 


图 7-10 网 站 管理 工具 界面 (“安全 ”选项 卡 ) 


该 页 面 提供 对 网 站 的 安全 配置 ,其 中 包括 安全 配置 向 导 、 用 户 、 角 色 和 访问 规则 的 各 种 
配置 项 等 。 单 击 * 创 建 用 户 ” 链 接 ,可 以 进入 创建 用 户 的 页 面 ,如 图 7-11 所 示 。 


ETSITIITITTTTIETRCTTETETTCTTO 

文件 中 ”编辑 区 ) 查看) 收藏 A) 工具 CD) 帮助 和 D 

昌 忆 -器 - 辐 辐 信 让 扫 由 要 天 加 | 避 记 站 国 罗 
地 址 0) http://localhost:5725/asp.netwebadminfiles/security/users/addUser.aspx 


加 站 便 用 此 工具 《3) 


通过 在 本 页 上 输入 用 户 的 1D、 密 码 和 电子 邮件 地 址 来 洪 加 用 户 。 


注册 新 账户 
用 户 名 : netbook 
密码 : 
确认 密码 ; 
电子 邮件 : [netbook@126 com 
安全 提示 问题 : RE 
安全 管 案 :hetbook 


EE3 [iT ie meme 


图 7-11 创建 用 户 界面 


添加 新 用 户 界面 要 求 设置 用 户 名 、 密 码 、 电 子 邮件 、 安 全 提示 问题 和 安全 答案 。 本 例 中 
输入 用 户 名 “netbook”, 密 码 为 “netbook@126. com”, 其 他 内 容 可 以 任意 填写 。 单 击 “ 创 建 
用 户 ” 按 钮 ,账号 创建 成 功 。 用 户 可 以 使 用 项 目 5 中 的 登录 功能 登录 站 点 。 


(3) 实现 匿名 用 户 购 物 车 配置 数据 向 注册 用 户 配置 数据 
迁移 

实现 匿名 用 户 购物 车 数据 向 注册 用 户 购 物 车 数据 迁移 
的 关键 是 实现 ProfileModule 类 MigrateAnonymous 事件 。 
该 事件 在 包含 用 户 配置 属性 数据 的 匿名 用 户 登 录 时 发 生 , 对 
应 的 事件 处 理 程序 是 Profile_MigrateAnonymous。 与 其 他 
事件 处 理 程 序 不 同 的 是 该 事件 处 理 程序 必须 在 Global. asax 
文件 中 定义 。Global. asax 文件 应 创建 在 网 站 的 根 目 录 下 。 

单 击 Visual Studio 2005* 网 站 ”菜单 中 的 “添加 新 项 ” 选 
项 ,如 图 7-12 所 示 , 可 以 打开 “添加 新 项 ”对 话 框 ,如 图 7-13 
所 示 。 选 择 “ 全 局 应 用 程序 类 ”, 文 件 名 默认 为 Global. asax， 
选择 语言 “Visual C#”, 单 击 “ 添 加 ”按钮 将 在 应 用 程序 根 目 
录 下 创建 全 局 应 用 程序 类 文件 Global. asax。 


尖 加 者 项 - F: 校内 项 目 \ssp. net\BeokShep\ 


Visual Studio 已 安装 的 模板 


国 HTML 页 到 Web 服务 国 类 


着 XML 文 件 到 XML 恒 文 本 文件 
资源 文 件 日 sQL gas 同 头 j 集 


六 VBScript 文 件 本 移动 Web 人 窗 体 司 报表 
其 JScript 文 件 更 移动 Web 用 户 控件 加 XSLT 文 件 


局 类 关系 图 
我 的 模板 
刁 搜索 联机 模板 .… 


芒 移 动 Web 配置 文件 泌 外 观 文件 四 浏 旦 器 文件 


Yisio UML 
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添加 Web 引用 提 - 
启动 选项 (O)… 
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ASPNET 配置 中 
代码 分 析 配 置 册 


图 7-12 调用 网 站 “添加 新 项 ” 
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加 Web 国体 Dawn 更 Web 用 户 控件 
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图 7-13 “添加 新 项 ”对 话 框 


在 Global. asax 中 添加 事件 处 理 程序 Profile_MigrateAnonymous, 事 件 处 理 程 序 主要 
实现 3 个 任务 : 一 是 从 匿名 用 户 的 Profile 属性 中 复制 相关 信息 ,并 将 其 存储 到 注册 用 户 的 


Profile 属性 中 ; 二 是 为 减少 数据 宛 余 删除 数据 库 中 存储 的 匿名 


用 户 的 用 户 配置 数据 ; 三 是 


删除 匿名 用 户 标 识 , 以 免 再 次 为 登录 的 用 户 激发 MigrateAnonymous 事件 。 
事件 处 理 程序 的 代码 如 下 : 


void Profile MigrateAnonymous(object sender,ProfileMigrateEventArgs pe){ 
// 获 取 匿 名 用 户 的 Profile 属性 
ProfileCommon anonProfile = Profile.GetProfile(pe. AnonymousID); 


// 如 购物 车 中 商品 总 价 不 为 0, 则 将 匿名 用 户 配置 对 象 中 购物 车 信息 迁移 到 登录 用 户 配置 对 象 中 
if(anonProfile. ShoppingCart. TotalPrice!= 0) { 

Profile. ShoppingCart = anonProfile.ShoppingCart; 
} 


// 从 aspnet_Users 表 中 删除 匿名 用 户 数据 
Membership. DeleteUser( pe. AnonymousID) ; 


// 从 aspnet_Profile 表 中 删除 匿名 用 户 的 Profile 数据 
ProfileManager. DeleteProfile(pe. AnonymousID); 


// 删 除 匿 名 用 户 标 识 
AnonymousIdentificationModule. ClearAnonymousIdentifier(); 

} 

在 调用 ASP .NET 页面 时 , ASP .NET 创建 了 一 个 类 ProfileCommon, 该 类 继承 于 
ProfileBase 类 , 用 于 强 类 型 在 Web. Config 文件 中 定义 的 profile 属性 。 从 
ProfileMigrateEventArgs 事件 委托 中 可 以 获得 匿名 用 户 的 ID (AnonymousID)。 上 述 代码 
首先 根据 匿名 用 户 ID 获取 其 对 应 的 Profile 属性 ,该 对 象 保存 了 用 户 在 匿名 身份 下 所 存储 
的 购物 车 商品 数据 ,然后 ,将 这 些 数 据 存储 到 注册 用 户 的 Profile 属性 中 。 

为 了 减少 元 余数 据 , 调 用 Membership 类 的 DeleteUser 方法 从 aspnet_Users 表 中 删除 
匿名 用 户 数据 ,调用 ProfileManager 类 的 DeleteProfile 方法 删除 匿名 用 户 存 储 在 aspnet_ 
Profile 表 中 匿名 用 户 配置 属性 数据 。 为 了 不 让 MigrateAnonymous 事件 再 次 激发 ,还 需要 
调用 AnonymousIdentificationModule 类 的 ClearAnonymousIdentifier 方法 删除 匿名 用 户 
标识 。 


3. 任务 完成 总 结 


任务 7-4 中 讨论 了 匿名 用 户 数据 向 注册 用 户 的 迁移 ,匿名 用 户 登录 为 注册 用 户 时 引发 
Global. asax 中 的 事件 处 理 程序 Profile_MigrateAnonymous ,在 事件 代码 中 完成 匿名 用 户 数 
据 向 注册 用 户 数 据 迁 移 。 为 防止 迁移 重复 发 生 ,迁移 成 功 后 ,应 删除 匿名 用 户 数据 信息 。 


4. 课堂 训练 与 知识 拓展 


用 户 在 登录 网 站 后 ,将 匿名 用 户 购物 车 的 图 书 列表 迁移 到 注册 用 户 购物 车 中 ,和 暂 存在 网 
站 的 数据 库 , 下 一 次 用 户 访问 网 站 ,继续 匿名 使 用 购物 车 购买 图 书 。 当 用 户 再 一 次 使 用 上 次 
登录 网 站 的 账号 登录 网 站 时 ,匿名 用 户 购 物 车 中 的 图 书 列表 将 迁移 到 注册 用 户 购 物 车 中 , 覆 
盖 注 册 用 户 购 物 车 中 原来 图 书 的 信息 。 用 户 上 次 存储 在 网 站 中 购物 车 图 书信 息 将 丢失 。 请 
改写 Profile_MigrateAnonymous 事件 处 理 程序 的 代码 ,实现 匿名 用 户 购 物 车 图 书 列表 和 注 


册 用 户 购物 车 图 书 列表 的 合并 。 
7.5 项 目 总 结 


项 目 7 通 过 4 个 任务 完成 网 上 购物 车 的 设计 ,首先 在 任务 7-1 中 介绍 购物 界面 的 设计 。 
然后 ,任务 7-2 中 介绍 图 书 商品 实体 类 的 设计 和 购物 车 类 的 设计 。 在 介绍 购物 车 类 设计 时 ， 
按 添 加 图 书 到 购物 车 .显示 购物 车 图 书信 息 、 从 购物 车 中 删除 指定 图 书 . 更 新 购买 数量 的 顺 
序 进 行 介绍 。 任 务 7-3 中 详细 介绍 了 匿名 用 户 使 用 购物 车 的 设计 过 程 。 最 后 ,在 任务 7-4 
中 实现 了 医 名 用 户 购物 车 数据 信息 向 注册 用 户 购物 车 数据 信息 的 迁移 。 


7.6 项 目 实 训 


1. 任务 描述 


会 员 客户 在 网 上 书店 购书 的 总 价 达到 一 定 的 金额 ,网 站 会 给 会 员 一 个 级 别 代 号 。 一 般 
网 站 在 设置 员 级 别 时 有 5 级 ,每 个 级 别 享受 的 折扣 不 一 样 。 根 据 任 务 描述 ,扩展 项 目 7 中 的 
购物 车 ,使 得 网 上 购物 车 可 以 根据 会 员 客户 级 别 自动 计算 商品 的 折扣 价 , 并 计算 客户 购物 车 
商品 小 计价 和 总 价 。 


2. 任务 要 求 


Q@ 使 用 项 目 4 中 介绍 的 数据 库 表 设计 方法 ,设计 一 个 商品 折扣 表 和 一 个 关系 表 , 折 扣 
表 中 存储 依据 购书 金额 设 定 的 折扣 信息 ,关系 表 建 立 折扣 与 会 员 的 关系 , 表 中 存储 会 员 客户 
ID 与 折扣 ID。 

@ 改写 项 目 7 的 购物 车 中 商品 实体 类 ,增加 折扣 价 , 折 扣 价 是 根据 会 员 级 别 动态 变化 
的 。 在 显示 购物 车 商品 信息 时 ,同时 显示 折扣 率 。 

图 匿名 用 户 可 以 使 用 购物 车 ,匿名 用 户 向 注册 用 户 迁 移 时 ,如 果 注 册 用 户 购物 车 存在 
图 书信 息 , 则 应 实现 两 个 购物 车 图 书信 息 的 合并 。 


网 上 书店 罕 户 订单 管理 


8.1 项 目 介 绍 


订单 管理 是 网 上 书店 系统 的 重要 功能 。 客 户 浏览 网 店 ,选择 满意 的 商品 , 接 下 来 需要 付 
账 购买 。 对 于 客户 选择 的 商品 要 生成 订单 ,网 店 工作 人 员 查 阅 订单 可 以 知道 客户 的 商品 应 
配送 到 哪里 ,客户 查阅 订单 可 以 知道 自己 的 商品 是 否 已 经 配送 。 一 个 简化 的 订单 管理 功能 
应 包括 产生 订单 的 购物 流程 .网 店 管理 人 员 对 订单 处 理 和 客户 对 订单 跟踪 与 查询 等 子 功能 。 
项 目 8 中 将 介绍 客户 订单 管理 功能 的 设计 过 程 。 


8.2 项 目 分 析 


下 面 从 系统 应 用 架构 和 数据 库 表 设 计 两 个 方面 对 项 目 做 一 简单 分 析 。 
1. 系统 架构 分 析 


在 软件 体系 架构 设计 中 ,分 层 式 结构 是 最 常见 ,也 是 最 重要 的 一 种 结构 。 微 软 推荐 的 分 
层 式 结构 一 般 分 为 三 层 ,从 下 至 上 分 别 为 : 数据 访问 层 . 业 务 迎 辑 层 、 


表示 层 , 如 图 8-1 所 示 。 表示 层 
数据 访问 层 有 时 也 称 持久 层 , 其 功能 主要 是 负责 数据 库 的 访问 。 | 
简单 地 说 就 是 实现 对 数据 表 的 Select Insert\Update、 Delete 等 操作 。 业务 逻辑 屋 


业务 迎 辑 层 是 整个 系统 的 核心 , 它 与 系统 的 业务 (领域 有关, 表示 层 T 
的 数据 一 般 递交 给 逻辑 层 进行 业务 处 理 ,如 果 涉 及 数据 库 的 访问 , 则 RW 
调用 数据 访问 层 。 表 示 层 是 系统 的 UI 部 分 ,负责 使 用 者 与 整个 系统 


的 交互。 在 这 一 层 中 ,理想 的 状态 是 不 应 包括 系统 的 业务 逻辑 。 表 示 
层 中 的 逻辑 代码 仅 与 界面 元 素 有 关 。 

本 项 目 将 使 用 三 层 应 用 程序 架构 技术 完成 订单 管理 功能 的 设 
计 。 设 计 过 程 分 为 4 个 任务 。 任 务 8-1 使 用 用 户 控件 设计 图 书 订购 ”图 81 三 层 应 用 
流程 界面 ,完成 用 户 与 系统 的 订购 交互 。 任 务 8-2 设计 数据 库 操 作 ey 
重用 类 ,构建 访问 数据 库 的 公共 执行 逻辑 。 任 务 8-3 设计 订购 流程 业务 类 ,采用 面向 接口 
的 编程 技术 将 逻辑 层 和 数据 库 访问 层 进行 隔离 。 任 务 8-4 实现 订单 处 理 和 订单 查询 
流程 。 


2. 数据 库 表 设 计 分 析 


订单 由 客户 的 配送 地 址 信息 及 商品 信息 组 成 。 配 送 地 址 信息 比较 单一 ,而 商品 信息 由 
多 条 记录 组 成 。 因 此 ,设计 表 时 可 以 使 用 两 张 表 来 描述 。 一 张 表 描述 客户 配送 地 址 等 基本 
信息 ,定义 为 订单 基本 表 , 命 名 为 t_order。 另 一 张 表 描述 订单 商品 信息 ,定义 为 订单 商品 项 
详细 表 , 命 名 t_orderdetail。 订 单 基本 表 和 订单 详细 表 是 主 辅 表 的 关系 ,通过 订单 号 进行 关 
联 。 两 张 表 的 结构 如 表 8-1 和 表 8-2 所 示 。 
表 8-1 订单 基本 表 t_order 
表 名 : t_order( 订 单 基本 表 ) 


列 名 描 述 ror 空 / 非 空 | 唯一 约束 条 件 
OrderID 订单 编号 int 否 是 “| 主键 自 增 , 种 子 值 100001 
UserName 用 户 登 录 名 Varchar(20) 否 否 为 用 户 注 册 账 户 表 中 的 主键 
OrderDate 订购 日 期 datetime 是 得 
RealName 用 户 姓名 Varchar(50) 是 香 
Address 配送 地 址 Varchar(50) 是 否 
ZipCode 邮编 Char(6) 是 否 6 为 数字 
Phone 电话 Varchar(50) 是 香 
E-mail 电子 邮件 Varchar(100) 是 否 
CompleteDate | 处 理 完毕 时 间 | datetime 是 和 理 
OrderState 订单 状态 Char(1) 是 和 否 “1?: 未 处 理 ,“2”: 处 理 完 毕 

其 他 说 明 Primary Key : OrderID; Foreign Key: UserName 


表 8-2 订单 商品 项 详细 表 t_orderdetail 
表 名 : t_orderdetail( 订 单 详细 表 ) 


数据 类 型 
列 名 描 述 (精度 范围 ) 空 / 非 空 | 唯一 约束 条 件 
与 BookID 构成 双 主 键 约束 ,为 t_ 

OrderID 订单 编号 int 否 否 order 表 中 的 主键 

BookID 图 书 编号 int 否 否 与 OrderID 构成 双 主键 约束 
BookName 书 名 Nvarchar(50) 否 否 

UnitPrice 单价 money 否 否 

Quantity 数量 int 否 否 


其 他 说 明 Primary Key : OrderID\ BookID; Foreign Key: OrderID, BookID 


8.3 相关 知识 


项 目 8 中 涉及 下 面 几 个 主要 的 知识 点 : 三 层 应 用 程序 架构 、Wizard 控件 、Panel 控件 、 
用 户 自 定义 控件 和 ICollection 接口 。 前 面 已 经 对 三 层 应 用 程序 架构 技术 做 了 分 析 , 下 面 对 
Wizard 控件 .Panel 控件 .用户 自 定义 控件 和 ICollection 接口 的 使 用 进行 介绍 。 


J 6 有，--- .NET Web 应 用 开发 -一 


1. Wizard 控件 的 使 用 


通过 使 用 窗 体 收集 用 户 输入 是 Web 开发 中 一 个 要 反复 涉及 的 任务 。 用 来 完成 某 个 任 
务 的 一 组 窗 体 通常 称 为 向导”。 生 成 一 系列 相互 连接 的 窗 体 来 分 解数 据 的 收集 工作 是 一 种 
普遍 的 做 法 。 可 以 通过 在 每 个 步骤 中 管理 各 窗 体 之 间 的 导航 、 数 据 持 久 性 和 状态 管理 来 做 
到 这 一 点 。 这 样 的 做 法 一 般 比 较 复杂 。ASP.NET 提供 了 Wizard 控件 ,可 以 简化 许多 与 生 
成 一 系列 窗 体 以 收集 用 户 输入 的 操作 关联 的 任务 。Wizard 控件 提供 了 一 种 简单 的 机 制 , 允 
许 轻松 地 生成 步骤 添加 新 步骤 或 重新 安排 步 又。 无 须 编 写 代 码 即 可 生成 线性 和 非 线性 的 
导航 ,并 自 定义 控件 的 用 户 导航 。 
利用 Wizard 控件 ,可 以 使 用 分 离 的 步骤 来 收集 数据 ,这 样 就 允许 用 户 在 各 步骤 之 间 自 
主导 航 , 从 而 获得 更 简单 的 用 户 体验 。 作 为 一 名 开发 人 员 ,不 必 担 心 如 何 跨 页 保存 数据 的 问 
题 ,Wizard 控件 会 在 用 户 完 成 各 个 步骤 时 维护 好 状态 。 
Wizard 控件 的 向 导 使 用 多 个 来 描绘 用 户 数据 输入 的 不 同 部 分 。 向 导 可 以 根据 需要 带 
有 任意 数量 的 中 间 步 又。 可 以 添加 不 同 的 控件 (如 TextBox 或 ListBox 控件 ) 来 收集 用 户 
输入 。 下 面 的 代码 示例 演示 了 带 有 两 个 步骤 的 Wizard 控件 。 
<asp:Wizard ID = "Wizard1" Runat = "server"> 
<WizardSteps > 
<asp:WizardStep Runat = "server" Title= "Step 1"> 
</asp:WizardStep> 
< asp:WizardStep Runat = "server" Title= "Step 2"> 
</asp:WizardStep > 
</WizardSteps> 
</asp:Wizard> 
两 个 步骤 都 包含 在 WizardSteps 中 ,每 个 步骤 中 都 定义 了 Title 属性 ,该 属性 用 于 设置 
每 个 步骤 功能 的 文字 标题 。 在 每 个 步骤 中 都 可 以 添加 控件 和 标签 ,并 可 接受 用 户 数据 。 
Wizard 控件 可 帮助 管理 要 显示 哪个 步骤 以 及 维护 所 收集 的 数据 。 
Wizard 控件 的 向 导 导 航 功能 可 以 实现 线性 导航 和 非 线性 导航 的 功能 。 该 控件 的 状 
态 管理 功能 允许 用 户 在 各 个 步骤 之 间 前 后 移动 ,向 导 导 航 功能 的 各 个 步骤 可 以 显示 在 侧 
栏 ,允许 用 户 选 择 导航 步骤。 属性 StepNextButtonText、StepPreviousButtonText 和 
FinishCompleteButtonText, 可 以 自 定义 用 于 导航 的 文本 。 
<asp:Wizard ID= "Wizardl" Runat = "server" 
StepNextButtonText =" 下 一 步 " 
StepPreviousButtonText = " 上 一 步 " 
FinishCompleteButtonText = " 完成 "> 
Wizard 控件 内 的 每 个 步骤 均 会 给 定 一 个 StepType, 用 以 指示 这 一 步骤 是 开始 步骤 .中 
间 步 又 还 是 完成 步骤 。 其 属性 列表 见 表 8-3。 
Wizard 控件 可 自动 显示 标题 和 控件 的 当前 步骤。 标题 是 用 HeaderText 属性 自 定义 
的 。 可 以 通过 使 用 HeaderTemplate 属性 来 调整 标题 的 模板 。 属 性 ActiveStepIndex 显示 
当前 是 向 导 中 的 第 几 个 步骤 ,在 页 面 刚 开始 加 载 时 ,默认 是 0。 属 性 DisplaySideBar 控制 是 
否 显示 侧 边栏 , 当 该 属性 设置 为 True 时 , 则 将 整个 流程 的 步骤 全 部 显示 在 页 面 中 。 属 性 


表 8-3 Wizard 控件 的 StepType 属性 列表 


属性 值 说 明 

Auto 根据 步骤 在 集合 中 的 顺序 ,自动 显示 相关 的 导航 按钮 。 该 项 为 控件 默认 值 

Start 该 步骤 是 要 显示 的 第 一 个 步骤 。 不 呈现 “上 一 步 ” 按 钮 

Sal 该 步骤 是 介 于 第 一 个 步骤 和 最 后 一 个 步骤 之 间 的 任意 步骤 。 呈 现 用 于 导航 的 ”上 一 步 ” 
和 “下 一 步 ” 按 钮 

Finish 该 步骤 是 收集 用 户 数据 的 最 后 一 个 步骤 。 呈 现 用 于 导航 的 “完成 "按钮 

Complete 该 步骤 是 要 显示 的 最 后 一 个 步 又。 不 呈现 任何 导航 按钮 


DisplayCancelButton 可 以 为 每 个 步骤 的 页 面 增加 一 个 取消 按钮 , 当 该 属性 设置 为 True 时 ， 
在 每 个 页 面 中 ,都 将 显示 一 个 Cancel 按钮 ,要 处 理 取消 的 事件 ,可 以 在 CancelButtonClick() 
中 编写 代码 。 

Wizard 控件 的 NavigationButtonStyle 属性 提供 了 一 种 将 所 有 按钮 设置 为 通用 样式 的 
简单 方法 ,同时 又 提供 了 单独 自 定义 各 个 按钮 的 灵活 性 。NavigationButtonStyle 属性 可 应 
用 于 呈现 的 所 有 按钮 。 但 是 ,可 以 通过 设置 个 别 按钮 的 样式 属性 来 重 写 此 样式 。 

Wizard 控件 的 向 导 模 板 可 以 通过 StartNavigationTemplate 、 FinishNavigationTemplate 、 
StepNavigationTemplate 和 SideBarTemplate 属性 来 进一步 自 定义 该 控件 的 界面 。 

Wizard 控件 具有 一 些 事件 ,可 以 通过 使 用 自 定义 代码 和 事件 来 自 定义 Wizard 控件 的 
行为 。 例 如 ,可 以 截获 NextButtonClick 事件 ,此 事件 在 用 户 单 击 * 下 一 步 ? 按 钮 时 引发 并 
捕获 当前 步骤 的 数据 传递 此 事件 的 WizardNavigationEventArgs 参数 包括 
CurrentStepIndex 和 NextStepIndex 属性 ,能够 基于 当前 步骤 和 后 续 步 又 来 自 定 义 控件 的 
行为 ,或 在 用 户 单 击 “下 一 步 "按钮 时 取消 导航 。 主 要 事件 如 表 8-4 所 示 。 

表 8-4 ”Wizard 控件 事件 列表 


名 称 说 明 
ActiveStepChanged 当 从 一 个 步骤 转换 到 另 一 个 步骤 时 触发 的 事件 
PreviousButtonClick 当 单 击 “ 上 一 步 "按钮 时 触发 的 事件 
NextButtonClick 当 单 击 “ 下 一 步 " 按 钮 时 触发 的 事件 
FinishButtonClick 当 单 击 “ 完 成 ”按钮 时 触发 的 事件 
CancelButtonClick 当 单 击 “ 取 消 " 按 钮 时 触发 的 事件 
SideBarButtonClick 当 单 击 侧 栏 按钮 时 触发 的 事件 


2. Panel 控件 的 使 用 


Panel Web 服务 器 控件 可 以 作为 静态 文本 和 其 他 控件 的 父 级 控件 使 用 。 对 于 一 组 控件 
和 相关 的 标记 ,可 以 通过 把 其 放置 在 Panel 控件 中 ,然后 操作 此 Panel 控件 的 方式 将 它们 作 
为 一 个 单元 进行 管理 。 例 如 ,可 以 通过 设置 面板 的 Visible 属性 来 隐藏 或 显示 该 面板 中 的 
一 组 控件 。 

Panel 控件 与 默认 按钮 关联 ,具有 单 击 默认 按钮 的 效果 。 可 将 TextBox 控件 和 Button 
控件 放置 在 Panel 控件 中 ,然后 通过 将 Panel 控件 的 DefaultButton 属性 设置 为 面板 中 某 个 
按钮 的 ID 来 定义 一 个 默认 的 按钮 。 如 果 用 户 在 面板 内 的 文本 框 中 进行 输入 时 按 Enter 键 ， 
这 与 用 户 单 击 特定 的 默认 按钮 具有 相同 的 效果 。 这 有 助 于 用 户 更 有 效 地 使 用 项 目 窗 体 。 


Panel 控件 可 以 为 其 他 控件 添加 滚动 条 。 有 些 控件 (如 TreeView 控件 ) 没 有 内 置 的 滚 
动 条 。 通 过 在 Panel 控件 中 放置 滚动 条 控件 ,可 以 添加 滚动 行为 。 若 要 向 Panel 控件 添加 
滚动 条 ,要 设置 Height 和 Width 属性 ,将 Panel 控件 限制 为 特定 的 大 小 ,然后 再 设置 
ScrollBars 属性 。 

可 使 用 Panel 控件 在 网 页 上 创建 具有 自 定义 外 观 和 行为 的 区 域 ,如 创建 一 个 带 标题 的 
分 组 框 时 ,可 设置 GroupingText 属性 来 显示 标题 。 呈 现 网 页 时 ,Panel 控件 的 周围 将 显示 
一 个 包含 标题 的 框 ,其 标题 是 用 户 指定 的 文本 。Panel 控件 支持 外 观 属性 (如 BackColor 和 
BorderWidth) ,如 要 在 网 页 上 创建 具有 自 定义 颜色 或 其 他 外 观 的 区 域 ,可 以 设置 外 观 属性 
为 网 页 上 的 某 个 区 域 ,创建 独特 的 外 观 。 


3. 用 户 控件 的 使 用 


除了 使 用 HTML 和 Web 服务 器 控件 以 外 ,有 时 可 能 需要 创建 自 定义 的 可 重用 控件 ， 
或 者 使 自己 的 控件 中 具有 内 置 Web 服务 器 控件 未 提供 的 功能 。 在 这 种 情况 下 ,可 以 创建 自 
己 的 控件 。 这 些 控件 称 为 用 户 控件 。 用 户 控件 是 能 够 在 其 中 放置 标记 和 Web 服务 器 控件 
的 容器 。 然 后 ,可 以 将 用 户 控件 作为 一 个 单元 对 待 ,为 其 定义 属性 和 方法 。 

(1) 用 户 控件 结构 

ASP.NET Web 用 户 控件 与 完整 的 ASP.NET 网 页 (. aspx 文件 ) 相 似 , 同 时 具有 用 户 
界面 页 和 代码 。 可 以 采取 与 创建 ASP.NET 网 页 相似 的 方式 创建 用 户 控 件 ,然后 向 其 中 添 
加 所 需 的 标记 和 子 控件 。 用 户 控件 可 以 像 页 面 一 样 包 含 对 其 内 容 进行 操作 (包括 执行 数据 
绑 定 等 任务 ) 的 代码 。 

用 户 控件 与 ASP.NET 网 页 有 以 下 区 别 : 用 户 控件 的 文件 扩展 名 为 .ascx; 用 户 控件 
中 没有 @ Page 指令 ,而 是 包含 @ Control 指令 ,该 指令 对 配置 及 其 他 属性 进行 定义 ; 用 户 
控件 不 能 作为 独立 文件 运行 ,而 必须 像 处 理 任何 控件 一 样 ,将 它们 添加 到 ASP.NET 网 页 
中 ; 用 户 控 件 中 没有 html、body 或 form 元 素 , 这 些 元 素 必须 位 于 宿主 页 中 。 

可 以 在 用 户 控 件 上 使 用 与 在 ASP .NET 网 页 上 所 用 相同 的 HTML 元 素 (html、body 
或 form 元 素 除外 ) 和 Web 控件 。 例 如 ,如 果 要 创建 一 个 将 用 作 工 具 栏 的 用 户 控 件 , 则 可 以 
将 一 系列 Button Web 服务 器 控件 放 在 该 控件 上 ,并 创建 这 些 按 钮 的 事件 处 理 程序 。 

(2) 注册 用 户 控 件 

通过 在 宿主 页 上 进行 注册 ,可 以 将 用 户 控 件 添加 到 页 面 中 。 注 册 用 户 控 件 时 ,要 指定 包 
含 用 户 控件 的 . ascx 文件 .标记 前 绥 以 及 将 用 于 在 页 面 上 声明 用 户 控件 的 标记 名 称 。 

(3) 定义 用 户 控件 的 属性 和 方法 

可 以 采用 定义 页 面 的 属性 和 方法 时 所 用 的 方式 定义 用 户 控件 的 属性 和 方法 。 通 过 定义 
用 户 控件 的 属性 ,就 能 以 声明 方式 及 利用 代码 设置 其 属性 。 

(4) 用 户 控件 中 事件 

用 户 控件 包含 Web 服务 器 控件 时 ,可 以 在 用 户 控件 中 编写 代码 来 处 理 其 子 控件 引发 的 
事件 。 例 如 ,如 果 用 户 控件 包含 一 个 Button 控件 , 则 可 以 在 用 户 控件 中 为 该 按钮 的 Click 
事件 创建 处 理 程序 。 默 认 情况 下 ,用 户 控件 中 的 子 控件 引发 的 事件 对 于 宿主 页 不 可 用 。 但 
是 ,可 以 为 用 户 控件 定义 事件 并 引发 这 些 事件 ,以 便 将 子 控件 引发 的 事件 通知 宿主 页 。 进 行 
此 操作 的 方式 与 定义 任何 类 的 事件 一 样 。 


(5) 引用 外 部 资源 

用 户 控件 运行 时 ,会 将 该 用 户 控件 的 URL 作为 基 URL, 以 解析 对 外 部 资源 (如 图 像 或 
其 他 页 面 的 定位 点 ) 的 引用 。 例 如 ,如 果 用 户 控件 包含 一 个 Image 控件 ,而 此 控件 的 
ImageUrl 属性 设置 为 Images/Buttonl. gif, 则 会 将 图 像 的 URL 添加 到 用 户 控件 的 URL 
以 解析 该 图 像 的 完整 路 径 。 如 果 用 户 控 件 引 用 的 资源 不 在 用 户 控件 本 身 的 子 文件 夹 中 , 则 
必须 提供 在 运行 时 解析 为 正确 文件 夹 的 路 径 。 


4. ICollection 接口 的 使 用 


ICollection 接口 定义 所 有 非 泛 型 集合 的 大 小 、 枚 举 数 和 同步 方法 。ICollection 接口 是 
System. Collections 命名 空间 中 类 的 基 接 口 。ICollection 接口 扩展 IEnumerable; 
IDictionary 和 IList 则 是 扩展 ICollection 的 更 为 专用 的 接口 。IDictionary 实现 是 键 / 值 对 
的 集合 。IList 实现 是 值 的 集合 ,其 成 员 可 通过 索引 来 访问 。 如 果 IDictionary 接口 和 IList 
接口 都 不 能 满足 所 需 集 合 的 要 求 , 则 从 ICollection 接口 派生 新 集合 类 以 提高 灵活 性 。 

ICollection 接口 的 方法 和 属性 如 表 8-5 和 表 8-6 所 示 。 


表 8-5 ICollection 接口 方法 


名 称 说 明 
CopyTo 从 特定 的 Array 索引 处 开始 ,将 ICollection 的 元 素 复制 到 一 个 Array 中 
GetEnumerator 返回 一 个 循环 访问 集合 的 枚 举 数 (继承 自 IEnumerable) 


表 8-6 ”ICollection 接口 属性 


名 称 说 明 
Count 获取 ICollection 中 包含 的 元 素数 
IsSynchronized 获取 一 个 值 ,该 值 指 示 是 否 同 步 对 ICollection 的 访问 (线程 安全 ) 
SyncRoot 获取 可 用 于 同步 ICollection 访问 的 对 象 


8.4 项 目 实 施 


下 面 将 介绍 项 目的 实施 过 程 。 实 施 过 程 共 有 4 个 任务 组 成 。 图 书 订购 流程 在 整个 项 目 
实施 过 程 中 是 比较 复杂 的 流程 ,分 解 为 3 个 任务 完成 ,任务 8-1 一 任务 8-3 完成 图 书 订购 流 
程 的 设计 。 订 单 处 理 和 订单 查询 流程 相对 简单 ,由 任务 8-4 完成 。 


8.4.1 任务 8-1 使 用 用 户 控 件 设 计 图 书 订 购 流程 页 面 


1. 任务 介绍 


网 上 书店 的 图 书 购买 流程 至 少 包 含 4 个 以 上 的 步骤 。 第 一 步 产生 购物 清单 ,该 环节 的 
购物 清单 可 以 修改 ,一 般 可 以 通过 购物 车 实现 。 产 生 购 物 清单 后 ,进入 第 二 步 ,填写 配送 地 
址 。 地 址 填写 无 误 , 进 入 第 三 步 ,对 用 户 填写 的 地 址 信息 和 购买 的 商品 信息 进行 确认 。 到 目 
前 为 止 用 户 填写 的 配送 地 址 信息 和 购买 的 商品 信息 都 可 以 修改 , 当 用 户 确认 无 误 后 ,进入 最 
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后 一 步 产生 订单 ,用 户 订单 信息 写 人 到 数据 库 , 并 返回 一 个 订单 号 ,不 可 以 再 更 改 订 单 信 息 。 
复杂 一 点 的 购物 流程 在 第 二 步 填写 配送 地 址 之 后 会 增加 一 步 , 要 求 客户 填写 付款 方式 ,以 便 
在 线 付款 。 本 任务 仅 讨 论 图 书 购 买 流程 的 4 个 主要 环节 ,不 考虑 在 线 付款 。 下 面 介绍 4 个 
主要 流程 的 页 面 设计 。 


2. 任务 分 析 


页 面 设 计 主要 是 完成 应 用 程序 架构 设计 中 的 表示 层 的 设计 。 表 示 层 的 主要 任务 是 与 用 
户 交互 。 用 户 通过 表示 层 将 数据 库 递交 给 逻辑 层 处 理 , 或 从 人 逻辑 层 获取 数据 通过 表示 层 展 
示 。Web 表示 层 (Web Component) 模 块 与 业务 逻辑 层 (BLL) 模 块 之 间 的 关系 如 图 8-2 
所 示 。 

多 个 页 面 之 间 有 些 区 域 是 可 以 共用 的 ,或 者 同一 个 页 面 中 各 
个 区 域 的 功能 是 不 一 样 的 ,为 使 部 分 页 面 可 以 重用 ,或 降低 页 面 
的 复杂 度 ,可 以 使 用 用 户 控件 。 本 任务 中 针对 购物 流程 的 四 个 阶 
段 分 别 设计 4 个 用 户 控件 : 购物 清单 界面 控件 .配送 地 址 录入 界 
面 控件 .订单 清单 界面 控件 和 购买 成 功 生 成 订单 号 的 界面 控件 。 VY 
在 下 面 的 步骤 中 将 对 这 四 个 描述 界面 的 用 户 控件 设计 过 程 分 别 业务 过 辑 层 
介绍 。 

(1) 设计 购物 清单 操作 界面 图 8-2 表示 层 的 模块 

购物 清单 界面 设计 主要 是 购物 车 的 设计 ,界面 如 图 8-3 所 示 。 结构 图 
项 目 7 中 已 经 对 购物 车 设计 的 详细 过 程 做 了 介绍 ,这 里 不 再 重复 
介绍 。 本 步骤 的 主要 任务 是 将 项 目 7 中 的 购物 车 界面 转换 为 用 户 控 件 。 用 户 控 件 包括 控件 
的 界面 和 与 界面 元 素 相关 的 事件 。 


Web 表 示 层 


数据 绑 定 
数据 绑 定 
数据 乡 定 
数据 郑 定 
数据 饰 定 


blTotalPrice] 
TbIise] 


图 8-3 购物 清单 界面 


用 户 控 件 文件 的 后 级 为 . asxc, 如 图 8-3 所 示 购 物 清单 用 户 控件 文件 可 以 命名 为 
CartControl. ascx, 控 件 的 界面 文件 所 对 应 的 事件 处 理 程 序 可 以 存储 在 . cs 文件 中 ,一 般 以 
界面 文件 名 加 . cs 作为 事件 处 理 程 序 文 件 名 。 如 购物 清单 用 户 控件 的 事件 处 理 程序 文件 名 
为 CartControl. ascx. cs。 使 用 @ Control 指令 对 用 户 控 件 配置 及 其 属性 进行 定义 。 用 户 控 
件 中 没有 html、body 或 form 元 素 , 这 些 元 素 在 包含 用 户 控件 的 宿主 页 面 中 。 购 物 清 单 的 
用 户 控件 定义 的 页 面 代 码 如 下 : 

<%@ Control Language = "C#" AutogventWireup= "true" 


CodeFile = "CartControl.ascx.cs" Inherits= "Controls_CartControl” 争 > 
<asp:GridView ID = "gvCart" runat = "server" 


DataKeyNames = "BookID" 
ShowFooter = "True" 
OnSelectedIndexChanged = "gvCart_SelectedIndexChanged" > 
<Columns> 
<asp:CommandField HeaderText = "清除 ”SelectText = "清除 " 
ShowSelectButton = "True" > 
< ItemStyle ForeColor = "Blue" /> 
</asp:CommandField> 
<asp:BoundField DataField= "BookID" HeaderText = "图 书 编号 " /> 
<asp:BoundField DataField = "BookName”HeaderText = "图 书 名 称 ”/> 
< asp:BoundField DataField= "BookPrice" DataFormatString = "{0:c}" 
HeaderText = "销售 价格 " /> 


< asp:BoundField DataField = "SubTotalPrice" DataFormatString = "{0:c}" 


HeaderText = "价格 小 计 "” /> 
<asp:TemplateField HeaderText = "更 新 数量 "> 
<ItemTemplate> 
<asp:TextBox ID= "txbBookQuantity" 
runat = "server" 
OnTextChanged = "txbBookQuantity TextChanged" 
Text = '<%# Bind("Quantity") %>' 
Width = "50px"> 
</asp: TextBox> 
</ItemTemplate> 
<FooterTemplate> 
<asp:LinkButton ID = "lbtUpdate" runat = "server" 
ForeColor = "Blue"> 更 新 </asp:LinkButton> 
</FooterTemplate> 
</asp:TemplateField> 
</Columns > 
< EmptyDataTemplate > 购物 车 没有 图 书信 息 !'</EmptyDataTemplate> 
</asp:GridView > 
<asp:Label ID = "lblTotalPrice" runat = "server" Width = "200px"/> 
<br/> 
<asp:Label ID= "lblMsg" runat = "server" ForeColor = "Red" Width= "200px"/> 


将 项 目 7 中 的 购物 车 处 理事 件 代码 移 到 用 户 控件 事件 处 理 程序 类 文件 CartControl. 


ascx. cs 中 即 可 。 
(2) 设计 配送 地 址 操作 界面 


用 户 选 购 商 品 后 ,要 填写 配送 地 址 以 便 网 站 的 安排 图 书 配 送 。 配 送 地 址 用 户 控 件 设计 
界面 文件 名 为 AddressControl. ascx。 配 送 地 址 一 般 包 含 用 户 姓 名 、 配 送 的 详细 地 址 、 邮 编 、 


联系 电话 和 E-mail 等 基本 信息 。 配 送 地 址 界面 布局 如 图 8-4 所 示 。 


配送 地 址 信息 需要 填写 完整 ,否则 无 法 递送 商品 ,因此 , 需 对 用 户 填写 的 配送 地 址 信 
息 做 必要 的 验证 。 从 三 个 方面 来 进行 验证 ,一 是 使 用 验证 控件 进行 验证 ,如 所 有 的 信息 
不 能 为 空 ,可 以 使 用 必 填 验证 控件 进行 验证 ; 如 果 要 求 输入 的 数据 符合 某 个 规则 ,可 以 使 
用 正则 验证 控件 ,如 邮编 和 E-mail。 二 是 可 以 配置 录入 控件 的 属性 对 输入 数据 文本 的 长 
度 进行 验证 ,如 限制 输入 框 的 文本 长 度 不 大 于 某 个 数值 。 三 是 可 以 编写 事件 处 理 程序 进 


行 验证 。 
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图 8-4 配送 地 址 界面 


比如 输入 邮编 信息 是 可 以 使 用 TextBox 控件 : 


<asp:TextBox ID = "txtZip" 
runat = "server" 
MaxLength = "6" 
Width = "150px"/> 
控件 的 MaxLength 属性 限定 了 邮编 的 长 度 最 多 不 超过 6 位 字符 。 使 用 必 填 验证 控件 
valZip 进行 必 填 验证 , 必 填 验证 控件 的 ControlToValidate 属性 设 为 输入 控件 TextBox 的 
ID 值 "txtZip”。ErrorMessage 属性 值 设置 的 信息 * 请 输入 邮编 1” 将 会 在 用 户 没 有 输入 邮编 
时 显示 。 
<asp:RequiredFieldValidator ID= "valZip" 
runat = "server" 
ControlToValidate = "txtZip" 
ErrorMessage = "请 输入 邮编 !"/> 
使 用 正则 验证 控件 对 用 户 输入 的 数据 进行 规则 校 验 。 正则 验证 控件 的 
ControlToValidate 属性 设 为 输入 控件 TextBox 的 ID 值 *txtZip”。Display 属性 值 为 
“Dynamic 说明 验证 控件 仅 在 给 出 出 错 验证 消息 时 才 占 位 ,和 否则 位 置 将 被 其 他 控件 填充 ,如 
果 属 性 值 为 “Static”, 则 页 面 上 验证 控件 所 占 的 位 置 将 空 出 来 ,不 被 其 他 控件 填充 。 其 他 验 
证 的 控件 的 Display 功能 与 此 类 似 。ValidationExpression 属性 可 以 设置 正则 表达 式 , 限 制 
字符 输入 的 格式 。 限 制 邮编 输入 的 正则 表达 式 为 "\d{6) ,表示 只 能 输入 6 位 数字 字符 。 正 
则 表达 式 的 内 容 这 里 不 再 详细 讲述 ,请 参考 其 他 教材 的 内 容 。 
<asp:RegularExpressionValidator ID = "valZipl" 
runat = "server" 
ControlToValidate = "txtZip" 
Display = "Dynamic" 
ErrorMessage = "邮编 为 六 位 数字 字符 !" 
ValidationExpression = "\d{6}"/> 
配送 地 址 用 户 控件 其 他 界面 元 素 不 再 做 详细 分 析 , 下 面 给 出 界面 设计 视图 控件 元 素 详 
细 代 码 : 


<%@ Control Language = "C#" AutogventWireup= "true" 


CodeFile = "AddressControl.ascx.cs" 
Inherits = "Controls_AddressControl" %> 
<table border = "0" cellpadding = "0" cellspacing = "0" width= "60% "> 


<tr> 
< td valign = "top"> 
用 户 姓名 < br /> 
< asp:TextBox ID = "txtRealName" 
runat = "server" 
MaxLength = "80" 
Width = "150px"/>< br /> 
<asp:RequiredFieldValidator ID = "valFirstName" 
runat = "server" 
ControlToValidate = "txtRealName" 
ErrorMessage = "请 输入 用 户 名 !"/> 
</td> 
</tr> 
<tr> 
<td valign= "top"> 
配送 地 址 < br /> 
<asp:TextBox ID= "txtAddress" 
runat = "server" 
MaxLength = "80" 
Width = "500px"/>< br /> 
< asp:RequiredFieldValidator ID = "valAddress" 
runat = "server" 
ControlToValidate = "txtAddress 
ErrorMessage = "请 输入 配送 地 址 ! 
</td> 
</tr> 
<tr> 
<td valign= "top"> 
邮编 <br /> 
<asp:TextBox ID = "txtZip" 
runat = "server" 
MaxLength = "6" 
Width = "150px"/>< br /> 
< asp:RequiredFieldValidator ID = "valZip" 
runat = "server" 
ControlToValidate = "txtZip" 
ErrorMessage = "请 输入 邮编 !"/> 
<asp:RegularExpressionValidator ID = "valZipl" 
runat = "server" 
ControlToValidate = "txtZip" 
Display = "Dynamic" 
ErrorMessage = "邮编 为 六 位 数字 字符 !" 
ValidationExpression = "\d{6}"/> 
</td> 
</tr> 
<tr> 
< td valign = "top"> 


联系 电话 < br /> 
< asp:TextBox ID = "txtPhone”" 


MaxLength = "50" 
Width = "150px"></asp:TextBox>< br /> 
< asp:RequiredFieldValidator ID = "valPhone" 
runat = "server" 
ControlToValidate = "txtPhone" 
ErrorMessage = "请 输入 联系 电话 !"/> 


</td> 
tr> 
<tr> 
<td valign= "top"> 
Email <br /> 


<asp:TextBox ID = "txtEmail" 
runat = "server" 
MaxLength = "80" 
Width = "500px"></asp:TextBox >< br /> 
<asp:RequiredFieldValidator ID= "valEmail" 
runat = "server" 
ControlToValidate = "txtEmail” 
ErrorMessage = "请 输入 Email!"/> 
< asp:RegularExpressionValidator ID = "valEmaill" 
runat = "server" 
ControlToValidate = "txtEmail" 
Display = "Dynamic" 
ErrorMessage = "Email 格式 无 效 !" 
ValidationExpression ="\w+ ([— +.']\Ww+)x*@\Ww+([—.]\wt)x\.\w+([—.]\Ww+)*"/> 
</td> 
</tr> 
</table> 


配送 地 址 用 户 控件 事件 处 理 程 序 包 含 在 文件 AddressControl. ascx. cs 中 。 文 件 中 定义 
部 分 类 Controls_AddressControl, 继 承 System. Web. UI. UserControl 类 ,类 中 设置 一 个 属 
性 Address, 数 据 类 型 为 AddressInfo ,为 地 址 实体 类 ,该 类 将 在 本 项 目的 任务 8-3 中 进行 描 
述 。 存 储 器 的 get 访问 器 中 首先 对 输入 文本 进行 非 空 验证 ,只 要 有 一 个 文本 输入 为 空 , 则 
get 访问 器 返回 空 值 , 然 后 调用 可 重用 的 静态 类 WebUtility 的 InputText 方法 对 输入 的 文 
本 进行 处 理 。 最 后 使 用 输入 的 有 效 文本 作为 参数 实例 化 地 址 对 象 AddressInfo, 并 通过 get 
访问 器 返 回 。 

set 访问 器 中 要 求 输入 的 数据 为 AddressInfo 类 型 的 对 象 ,首先 输入 的 对 象 不 能 为 空 ， 
然后 将 对 象 中 的 不 为 空 的 属性 值 绑 定 到 地 址 用 户 控件 的 相应 TextBox 控件 中 。 

配送 地 址 用 户 控件 事件 处 理 过 程 代码 如 下 : 


public partial class Controls_AddressControl : System. Web.UI.UserControlf 

/// < summary> 

/1/ 定义 获取 用 户 地 址 的 属性 

/// </summary> 

public AddressInfo Address { 

get { 
if (string. IsNullOrEmpty(txtRealName. Text) && 
string. IsNullOrEmpty(txtAddress. Text) && 
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string. IsNullOrEmpty( txtZip. Text) && 
string. IsNullOrEmpty( txtPhone. Text) && 
string. IsNullOrEmpty(txtEmail. Text)) 
return null; 


string realName = WebUtility. InputText(txtRealName. Text, 80); 
string address = WebUtility. InputText(txtAddress. Text, 80); 
string zipCode = WebUtility. InputText(txtZip. Text, 6); 
string tel = WebUtility. InputText(txtPhone.Text, 50); 

string email = WebUtility. InputText(txtEmail. Text, 80); 


return new AddressInfo(realName, address, zipCode, tel, email); 
} 
set { 
if(value != null) { 
if (!string. IsNullOrEmpty(value. RealName)) 
txtRealName. Text = value. RealName; 
if (!string. IsNullOrEmpty(value. Address)) 
txtAddress. Text = value.Address; 
if (!string. IsNullOrEmpty(value. ZipCode)) 
txtZip. Text = value.ZipCode; 
if (!string. IsNullOrEmpty(value. Phone)) 
txtPhone. Text = value.Phone; 
if (!string. IsNullOrEmpty(value. Email)) 
txtEmail. Text = value. Email; 


} 


WebUtility 类 是 一 个 可 重用 的 类 ,用 于 对 界面 输入 的 文本 进行 处 理 ,将 界面 输入 中 影 
响 数据 库 安全 的 因素 过 滤 掉 ,保证 进入 数据 库 的 数据 是 有 效 的 数据 。WebUtility 类 包含 在 
独立 文件 WebUtility. cs 中 。 对 文本 进行 处 理 时 使 用 了 正则 表达 式 类 ,需要 引入 命名 空间 
System. Text. RegularExpressions 。 


引入 命名 空间 的 代码 如 下 : 


public static class WebUtility{ 
public static string InputText( string text, int maxLength){ 
text = text.Trim(); 
// 如 果 用 户 输入 的 文本 为 null 或 空 , 则 返回 空 字符 串 
if (string. IsNullOrEmpty(text)) 
return string. Empty; 
// 如 果 输 入 的 文本 大 于 给 定 的 最 大 长 度 , 则 按 最 大 长 度 截取 文本 
if (text. Length > maxLength) 
text = text.Substring(0, maxLength); 
// 当 文本 中 连续 出 现 多 个 空 字符 时 , 则 用 1 个 空 字符 替换 
text = Regex.Replace(text, "[\\s]{2,}", " "); 
// 将 文本 中 的 "<br/>" 换行 标识 或 者 "<p>" 分 段 替换 为 "\n" 
text = Regex.Replace(text, "(<[b|B][r|R]/*>)+ |(<[plP](. |\\n) * ?>)", "\n"); 
// 将 文本 中 的 描述 空格 的 实体 定义 “gnbsp; ”替换 为 空格 
text = Regex.Replace(text, "(\\s* &[n|N][b|B][s|S][plP];\\s*)+", " "); 


// 将 文本 中 的 <(. |\\n)> 蔡 换 为 空 字符 

text = Regex.Replace(text，"<(. |\\n) * ?>", string. Empty); 
// 将 输入 文本 中 的 “'” 替 换 为 “”” 

text = text.Replace("", "'"); 

return text; 


} 


// 将 文本 中 的 非 单词 字符 蔡 换 为 空 字符 。 
public static string CleanNonWord( string text){ 
return Regex. Replace(text, "\\W", ""); 
: 
} 


(3) 设计 订单 信息 显示 界面 
配送 地 址 填写 好 后 ,要 显示 完整 的 订单 信息 ,订单 信息 的 用 户 控件 如 图 8-5 所 示 。 界 面 
的 上 半 部 分 为 送 货 地 址 ,中 间 部 分 为 购物 清单 ,可 以 用 GridView 控件 呈现 购物 清单 ,下 半 
部 分 为 订单 的 总 价 。 
降下 地 于 
用 户 姓名 ， ee 
配送 地 址 ，[Literal "WAddress" ] 
邮编 ，PLiteral "zip" ] 


联系 电话 ，PLiteral "HPhone" ] 
E-mail: PLiteral "HEmai" ] 


购物 清单: 

国 书 名 称 销售 价格 订购 数量 价格 小 计 
数据 郑 定 数据 饰 定 数据 绑 定 数据 郑 定 
数据 郑 定 数据 乡 定 数据 旷 定 数据 时 定 
数据 绑 定 数据 饰 定 数据 线 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 数据 饰 定 


总 价 ， REITstalFsice] 


图 8-5 订单 详细 信息 


在 呈现 用 户 地址 信息 时 ,使 用 Literal 控件 ,该 控件 可 在 无 须 添加 任何 HTML 元 素 的 
情况 下 将 静态 文本 呈现 在 网 页 上 ,并且 可 以 通过 服务 器 代码 以 编程 方式 控制 文本 。 
控件 界面 元 素 的 编码 如 下 : 
<%@ Control Language = "C#" RutoEventWireup = "true" 
CodeFile = "OrderControl.ascx.cs" 
Inherits = "Controls_OrderControl" %> 
<table border = "0" cellpadding = "0" cellspacing = "0"> 


<tr> 
<td> 
<asp:Label ID = "Label2" runat = "servern 
Font 一 Bold= "True" Font— Size="15px" 
Text = " 送 货 地 址 : "人 ></td> 
</tr> 
tr 
<td> 


用 户 姓 名 : <asp:Literal ID = "ltlRealName" runat = "server"/><br /> 
配送 地 址 : <asp:Literal ID = "ltlAddress" runat = "server"/><br/> 
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邮编 : <asp:Literal ID= "ltlZip" runat = "server"/><br/> 
联系 电话 : <asp:Literal ID = "ltlPhone" runat = "server"/><br/> 
Email: <asp:Literal ID = "ltlEmail" runat = "server"/><br /> 
</td> 
</tr> 
<tr> 
<td> 
< asp:Label ID = "Labell" runat = "server" 
Font 一 Bold= "True" Font 一 Size= "15px" 
Text = "购物 清单 : "人 ><br /> 
<asp:GridView ID = "gvCart" runat = "server"> 
< Columns > 
<asp:BoundField DataField = "BookName" 
HeaderText = "图 书 名 称 " /> 
<asp:BoundField DataField = "BookPrice" 
DataFormatString= "{0:c}" 
HeaderText = "销售 价格 ”人 > 
< asp:BoundField DataField = "Quantity" 
HeaderText = "订购 数量 " /> 
<asp:BoundField DataField = "SubTotalPrice" 
DataFormatString= "{0:c}" 
HeaderText = "价格 小 计 "” /> 


</Columns> 
</asp:GridView> 
<br /> 总 价 : 
<asp:Label ID = "lblTotalPrice" runat = "server" Width = "200px"/> 
</td> 
</tr> 
</table> 


控件 对 应 的 事件 编码 中 设计 3 个 set 属性 访问 器 为 用 户 界面 提供 数据 。 第 一 个 属性 访 
问 器 为 地 址 类 型 ,将 读 取 到 的 地 址 信息 绑 定 到 控件 的 地 址 部 分 Literal 控件 呈现 。 代 码 
如 下 : 


public AddressInfo Address{ 
set{ 
if (value != null){ 

if (!string. IsNullOrEmpty(value. RealName) ) 
ltlRealName. Text = value. RealName; 

if (!string. IsNullOrEmpty(value. Address)) 
ltlAddress. Text = value.Address; 

if (!string. IsNullOrEmpty(value. ZipCode)) 
1tlZip. Text = value.ZipCode; 

if (!string. IsNullOrEmpty(value. Phone)) 
ltlPhone. Text = value.Phone; 

if (!string. IsNullOrEmpty(value. Email)) 
ltlEmail.Text = value. Email; 


第 二 个 属性 访问 器 用 于 呈现 购物 清单 ,类 型 为 ICollection 接口 ,使 用 该 接口 需要 命名 
空间 System. Collections。 购 物 车 内 购物 清单 存储 在 ICollection 接口 类 型 的 对 象 中 ,赋值 
给 属性 访问 器 ,可 以 直接 绑 定 界面 GridVievw 控件 上 。 代 码 如 下 : 


public ICollection OrderDetails{ 
set{ 
if (value!= nu11){ 
gvCart. DataSource = value; 
gvCart. DataBind( ) ; 


第 三 个 属性 访问 器 为 字符 串 类 型 ,用 于 接收 和 读 取 订 单 总 价 。 该 属性 的 定义 比较 简单 。 
代码 如 下 : 


public string TotalPrice{ 
get{ 
if (string. IsNullOrEmpty( lblTotalPrice. Text)) return null; 
return lblTotalPrice. Text; 


} 
set { 
if (value != null){ 
lblTotalPrice. Text = value; 
} 
j 东区 的 客户 ， 
} 是 的 订 章 号 ， 
(4) 设计 订单 号 生成 界面 | 靖 马 我 们 的 客服 联系 
对 T 站， 请 我 们 的 
用 户 确认 订单 ,订单 信息 将 写 人 数据 库 ,同时 产 。 wos 


生 订 单 号 ,订单 号 和 订购 总 金额 显示 给 客户 。 显 示 订 gggsw 
单 号 和 订购 总 金额 的 界面 如 图 8-6 所 示 。 

界面 文件 为 OrderIDShowControl. ascx, 设计 界 8-6 显示 客户 订单 号 和 订单 总 金额 
面 元 素 的 代码 如 下 : 


<%@ Control Language = "C#" AutogventWireup = "true" 
CodeFile = "OrderIDShowControl. ascx.cs" 
Inherits = "Controls_OrderIDShowControl" %> 
<div> 
<p><asp:Literal ID = "ltlUserName" runat = "server" Text = "尊敬 的 客户 : " /></p> 
<p><asp:Literal ID = "ltlOrderID" runat = "server" Text = "您 的 订单 号 : "/></p> 
<p><asp:Literal ID = "ltlTotalPrice" runat = "server" Text = "您 应 付款 金额 : " /></p> 
<p><asp:Literal ID= "Literall" runat = "server" 

Text = " 若 您 对 订单 有 疑问 ,请 与 我 们 的 客服 联系 !"/></p> 
<p><asp:Literal ID = "literal2" runat = "server" Text = "感谢 您 的 订购 !" /></p> 
<p><asp:HyperLink ID= "HyperLink2" runat = "server" 

NavigateUrl = ". . /Default.aspx"> 继 续 购物 </asp:HyperLink ></p> 

</div> 
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界面 文件 对 应 的 事件 代码 : 


public partial class Controls_OrderIDShowControl : 
System. Web. UI. UserControl 
{ 
/// < summary> 
/// 设置 用 户 名 
/// </summary> 
public string UserName{ 
set { 
if (value != null){ 
ltlUserName. Text + = value; 
} 


} 


/// 设置 订单 号 
public string OrderID{ 
set{ 
if(value != null){ 
ltlOrderID. Text + = value; 
} 


. 


/// 设置 订单 总 价 
public string TotalPrice{ 
set{ 
if(value != null){ 
ltlTotalPrice. Text + = value; 
i 


(5) 使 用 Wizard 控件 构建 具有 导航 功能 的 购物 流程 


本 步骤 中 使 用 Wizard 控件 将 4 个 自 定义 用 户 控件 组 合 在 一 起 。 使 用 用 户 控件 , 先 注册 用 
户 控件 ,在 包含 Wizard 控件 的 页 面 中 引入 下 面 的 代码 ,分 别 注册 购物 清单 用 户 控 件 ,配送 地 址 
用 户 控件 `. 订 单 详细 信息 用 户 控件 和 生成 订单 号 的 用 户 控件 。 注 册 用 户 控件 使 用 @ Register 


指令 ,属性 TagPrefix 定义 控件 的 前 级 ,属性 TagName 定义 控件 的 标记 ,属性 Src 指向 月 


日 户 控 


件 的 URL。 定 义 控件 的 标记 形式 为 “TagPrefix: TagName”, 如 NetBookuc: CartControl。 


<% @ Register TagPrefix = "NetBookuc" 
TagName = "CartControl" 
Src = "~/Controls/CartControl. ascx" %> 


<% @ Register TagPrefix = "NetBookuc" 
TagName = "AddressControl" 
Src = "~/Controls/AddressControl.ascx" %> 


<%@ Register TagPrefix = "NetBookuc" 


TagName = "OrderControl" 
Src = "~/Controls/OrderControl.ascx" %> 


<% @ Register TagPrefix = "NetBookuc" 
TagName = "OrderIDControl" 
Src = "~/Controls/OrderIDShowControl.ascx" %> 


Wizard 控件 的 ID 为 “AcctWizard”, 属 性 ActiveStepIndex 默认 值 设 为 0, 则 程序 运行 时 
默认 从 第 一 个 界面 开始 执行 。Wizard 控件 向 导 步 骤 的 第 一 步 完 成 购物 清单 的 设置 。 首 先 
在 WizardStepl 中 放置 一 个 Panel 控件 ,Panel 控件 的 DefaultButton 属性 设 为 LinkButton 
按钮 的 ID 的 值 StartNextButton, 单 击 该 按钮 可 以 进入 第 二 步 的 界面 ,做 了 这 一 设置 后 , 当 
用 户 完成 第 一 步 操作 直接 单 击 Enter 键 ,相当 于 单 击 了 “结算 本 单 商品 ”按钮 ,可 以 导航 到 第 
二 步 。 需 要 注意 的 是 StartNextButton 按钮 的 CommandName 属性 值 要 设 为 MoveNext。 
在 Panel 中 还 需要 放置 一 个 HyperLink 控件 ,可 以 导航 到 商品 选 购 界面 ,方便 用 户 继续 选 购 
商品 。 使 用 NetBookuc:CartControl 定义 购物 清单 用 户 控件 ,ID 设 为 “CartControll”。 设 
置 WizardStepl 的 代码 如 下 : 


<asp:WizardStep ID = "WizardStep1" runat = "server" Title = "购物 清单 ”> 
<asp:Panel ID = "panStepl" runat = "server" DefaultButton = "StartNextButton" > 
<!-- 使 用 用 户 自 定义 控件 -购物 清单 -> 
< NetBookuc :CartControl id = "CartControl1" runat = "server"/> 
<asp:HyperLink ID = "HyperLink1l”runat = "server" 
NavigateUrl = ", . /Default.aspx"> 继 续 购物 </asp:HyperLink > 
<asp:LinkButton ID= "StartNextButton" runat = "server" 
CommandName = "MoveNext"”Text = "结算 本 单 商品 ”人 > 
</asp:Panel> 
</asp:WizardStep > 


Wizard 控件 向 导 步 骤 的 第 二 步 完成 配送 地 址 的 设置 。WizardStep2 中 放置 一 个 Panel 
控件 ,Panel 中 定义 一 个 配送 地 址 用 户 控件 AddressControll ,放置 两 个 LinkButton 按钮 ,第 
一 个 按钮 的 ID 设 为 “StepPreviousButton”, 属 性 CommandName 设 为 “MovePrevious”, 文 
本 属性 Text 设 为 “填写 购物 清单 ”, 则 单 击 该 按钮 可 以 返回 到 上 一 步 *“ 购 物 清单 界面 >。 第 
二 个 LinkButton 按钮 ID 属性 值 设 为 “StepNextButton”, 属性 CommandName 的 值 为 
“MoveNext”, 属 性 Text 的 值 为 “提交 订单 ”, 单 击 该 按钮 可 以 导航 到 第 三 步 。Panel 控件 的 
DefaultButton 属性 与 “StepNextButton” 关 联 。 设 置 WizardStep2 的 代码 如 下 :; 


<asp:WizardStep ID = "WizardStep2” runat = "server" Title=" 收 货 人 地 址 "> 
<asp:Panel ID = "panStep2" runat = "server" DefaultButton = "StepNextButton"> 
<!-- 使 用 用 户 自 定义 控件 一 送 货 地 址 --> 
< NetBookuc:AddressControl ID = "AddressControll1l" runat = "server" /> 
<asp:LinkButton ID = "StepPreviousButton" runat = "server" 
CausesValidation = "False" 
CommandName = "MovePrevious" 
Text = "填写 购物 清单 " /> 
< asp:LinkButton ID = "StepNextButton" runat = "server" 
CommandName = "MoveNext" 
Text = "提交 订单 " /> 


</asp:Panel> 
</asp:WizardStep > 


Wizard 控件 向 导 步 又 的 第 三 步 完成 订单 详细 信息 的 显示 设计 。 第 三 步 中 设置 
WizardStep 的 属性 StepType 王 "Finish" ,表示 该 步骤 确认 后 ,数据 将 写 人 数据 库 , 不 可 更 
改 。 与 前 两 个 步骤 设置 方法 一 样 ,在 WizardStep3 中 先 放置 一 个 Panel 控件 。Panel 中 定义 
用 户 控件 OrderControll ,显示 地 址 的 详细 信息 。 此 外 ,Panel 中 还 需 放 置 两 个 LinkButton 
控件 ,第 一 个 按钮 可 以 导航 到 前 一 步 ,第 二 个 按钮 完成 购物 ,产生 订单 ,并 导航 到 第 四 步 。 代 
码 设置 如 下 : 


<asp:WizardStep ID = "WizardStep3" runat = "server" 
Title = "提交 订单 " StepType = "Finish"> 
<asp:Panel ID = "panStep3" runat = "server" DefaultButton= "FinishButton" > 
<!-- 使 用 用 户 自 定义 控件 - 订单 确认 -> 
< NetBookuc:OrderControl ID = "OrderControll" runat = "server" /> 
<asp:LinkButton ID = "FinishPreviousButton" runat = "server" 
CausesValidation = "False" 
CommandName = "MovePrevious" 
Text = "填写 收 货 人 地 址 " /> 
<asp:LinkButton ID= "FinishButton" runat = "server" 
CommandName = "MoveComplete" 
Text = "确认 提交 订单 ”/> 
</asp:Panel > 
</asp:WizardStep > 


导航 步骤 的 最 后 一 步 中 , WizardStep 的 属性 StepType 王 "Complete" ,AllowReturn 一 
"False", 完成 整个 导航 步骤 的 设置 ,并 且 不 可 返回 使 用 标记 “NetBookuc: 
OrderIDControl" 定 义 用 户 控件 “OrderIDControll”, 呈现 用 户 订单 号 和 购物 金额 。 代 码 
如 下 : 

<asp:WizardStep ID = "WizardStep4" runat = "server" 

AllowReturn= "False" Title= "订购 完成 " 
StepType = "Complete"> 
<!-- 使 用 用 户 自 定义 控件 - 订单 确认 --> 


< NetBookuc :OrderIDControl ID = "OrderIDControll" runat = "server" /> 
</asp:WizardStep > 


可 以 在 Wizard 控件 的 HeaderTemplate 模板 中 显示 导航 步骤 的 标题 ,使 用 如 下 的 代码 ; 


<HeaderTemplate> 
<% = AcctWizard. ActiveStep. Title%> 
</HeaderTemplate> 


本 任务 中 Wizard 可 以 定义 两 个 事件 分 别 响应 控件 界面 上 的 3 个 按钮 动作 。 步 又 每 改变 
一 次 触发 ActiveStepChanged 事件 , 单 击 最 后 一 个 步 中 的 “完成 "按钮 触发 FinishButtonClick 
事件 。 下 面 分 别 介绍 这 两 个 事件 的 处 理 过 程 。 

事件 中 要 对 操作 用 户 进行 登录 验证 ,登录 验证 过 程 可 以 写成 一 个 函数 ,验证 函数 代码 
如 下 : 


private void IsAuthenticated( ){ 


jl 


// 如 果 用 户 没有 登录 则 导向 登录 页 面 ,要 求 用 户 登 录 
if (!User. Identity. IsAuthenticated){ 

Response. Redirect ("~ /Web/Logon. aspx" ); 
} 


当 Wizard 控件 的 向 导 步 又 每 改变 一 次 , 便 执 行 一 次 ActiveStepChanged 事件 。 使 用 控 
件 的 属性 ActiveStepIndex 可 以 获取 当前 步骤 的 索引 。 当 索引 为 0 时 ,处 于 订购 流程 的 第 一 
步 “ 操 作 购 物 清 单 界 面 ”人 允许 匿名 用 户 操作 购物 车 ,不 需要 进行 登录 验证 ,其 他 步 均 需 要 登 
录 验 证 。 在 订购 操作 的 过 程 中 ,如 果 用 户 的 购物 车 为 空 , 则 用 户 不 能 完成 订购 任务 。 当 索引 
值 为 1 时 ,处 于 购物 流程 第 二 步 * 填 写 配 送 地 址 界面 ", 如 果 用 户 的 配送 地 址 为 空 , 则 获取 用 
户 的 注册 地 址 作为 配送 地 址 。 当 索引 值 为 2 时 ,将 配送 地 址 信息 和 购物 车 商品 详细 信息 绑 


定 到 订单 月 


目 户 控件 显示 。 当 索引 值 为 3 时 ,完成 订购 任务 ,产生 订单 ,显示 用 户 名 、 订 单 号 和 


订单 总 价格 。ActiveStepChanged 事件 程序 代码 如 下 : 


protected void AcctWizard_ActiveStepChanged( object sender, EventArgs e){ 


if (AcctWizard. ActiveStepIndex != 0){ 
// 登 录 验 证 
IsRuthenticated( ) 7 


// 填 写 配送 地 址 和 确认 订单 阶段 需要 判断 购物 车 是 否 为 空 
if (Profile. ShoppingCart. CartItems. Count <= 0 && 
AcctWizard. ActiveStepIndex < 3){ 
Response. Redirect("~ /Web/FinishedOrder.aspx?1blMsg = 
不 能 订购 ,您 购物 车 为 空 !"); 
} 
’ 


if (AcctWizard. ActiveStepIndex == 1){ 
// 若 用 户 配送 地 址 信息 为 空 , 则 读 取 用 户 注册 地 址 信息 作为 配送 地 址 
if(AddressControll. Address == null){ 
RddressControl1. Address = AccountInfo.GetAccountInfo(Profile. UserName); 
. 
} 
else if (AcctWizard. ActiveStepIndex == 2){ 
// 从 proflie 中 获取 购物 清单 信息 绑 定 到 用 户 自 定义 订单 显示 界面 
// 地 址 信息 从 配送 地 址 用 户 控件 中 获取 
OrderControl1. Address = AddressControll.Address; 
OrderControl1. OrderDetails = Profile.ShoppingCart.CartItems; 
OrderControll. TotalPrice = Profile. ShoppingCart. TotalPrice. ToString("c"); 
} 
else if (AcctWizard. ActiveStepIndex == 3){ 
// 显 示 用 户 名 
OrderIDControl1. UserName = Profile.UserName; 
// 显 示 订 单 号 
1tlOrderID. Text = ltlOrderID.Text + "< font color= 'red' 
size= '5>" + Profile. OrderID+ "</font >"; 
// 显 示 订 单 总 价格 


OrderIDControl1. TotalPrice = "< font color = 'red' size= '5>” + 
OrderControl1.TotalPrice + "</font>"; 


} 


在 FinishButtonClick 事件 中 完成 订单 提交 事务 , 当 订 单 提交 成 功 返 回 订单 号 ,并 清空 
购物 车 。 在 产生 订单 号 时 调用 Order 类 的 InsertOrder 方法 ,完成 订单 添加 到 数据 库 并 获取 
订单 号 的 方法 , Order 类 将 在 下 面 的 步骤 中 分 析 。InsertOrder 方法 需要 一 个 类 型 为 
OrderInfo 的 参数 ,事件 代码 中 通过 一 个 SetOrder() 函 数 ,创建 订单 对 象 并 赋值 ,作为 
InsertOrder 方 法 的 参数 ,完成 产生 订单 的 任务 。FinishButtonClick 事件 程序 代码 和 
SetOrder 函数 的 代码 如 下 : 


protected void AcctWizard FinishButtonClick(object sender, 
WizardNavigationEventArgs e){ 
// 登 录 验 证 
IsRuthenticated( ); 


// 购 物 车 不 为 空 ,确认 提交 订单 

if (Profile. ShoppingCart. CartItems. Count > 0){ 
// 订 单 添加 到 数据 库 , 并 返回 订单 号 
orderID = Order. InsertOrder(SetOrder( )); 


// 若 订购 成 功 , 则 清空 购物 车 
if (orderID> 0){ 

Profile. ShoppingCart. Clear(); 
} 


private OrderInfo SetOrder() { 

OrderInfo userOrder = new OrderInfo(); 

if (AddressControll. Address!= null && Profile.ShoppingCart != null) { 
// 填 写 订单 客户 信息 
userOrder. UserName = Profile.UserName; 
userOrder. OrderDate = DateTime. Now; 
userOrder. ShippingAddress = AddressControll.Address; 
userOrder. OrderItems = new 
OrderItemInfo[Profile. ShoppingCart. CartItems. Count]; 
inti= 0; 


// 将 购物 车 中 商品 信息 迁移 到 订单 对 象 中 

foreach (CartItem cartItem in Profile. ShoppingCart. CartItems) { 
userOrder. OrderItems[i] = new 

OrderItemInfo( cartItem. BookID，cartItem. BookName, 

cartItem. Quantity, cartItem. BookPrice) ; 
i++ 

} 

} 


return userOrder; 


-NET Web 应 用 开发 --- 


购物 流程 的 操作 过 程 如 图 8-7 一 图 8-10 所 示 。 
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图 8-9 订单 提交 


OR -ODO- 回回 人 i 名 | 天书 局 = 
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草 千 的 客户 : netbook 


念 的 订单 号 ，100103 


站 应 付 天 全 关于 213.00 

天 作对 订单 有 括 问 ， 清 与 我 们 的 客服 联系 ! 
感谢 外 的 订购 ! 

继 给 购物 
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图 8-10 产生 订单 


3. 任务 完成 总 结 


本 任务 使 用 Wizard 控件 完成 图 书 订 购 流 程 界 面 设计 ,订购 流程 的 每 一 步骤 的 界面 使 用 
用 户 控件 完成 ,采用 向 导 控件 结合 用 户 控件 设计 方法 , 既 保 证 了 设计 流程 的 连贯 一 致 ,又 不 
至 于 造成 单个 设计 文件 的 过 长 。 在 流程 的 最 后 一 步 由 用 户 确认 ,完成 订单 的 生成 。 订 单 信 
息 写 人 数据库 ,成 为 有 效 信息 。 


4. 课堂 训练 与 知识 拓展 


用 户 在 网 站 注册 账户 时 ,分 几 个 步骤 完成 。 先 填写 用 户 号 和 密码 ,再 填写 基本 信息 ,最 
后 填写 详细 信息 。 用 户 注册 过 程 可 以 使 用 向 导 来 完成 。 使 用 Wizard 控件 设计 用 户 的 注册 
流程 界面 。 


8.4.2 任务 8-2 设计 数据 库 访 问 重用 类 


1. 任务 介绍 


业务 系统 实现 对 数据 库 的 访问 可 以 总 结 为 一 个 查询 ,三 个 操作 。 查 询 是 指 从 数据 库 中 
读 取信 息 ,三 个 操作 是 指向 数据 库 中 添加 数据 、 更 新 数据 库 中 的 数据 、 删 除数 据 库 中 的 数据 。 
数据 库 的 这 4 种 访问 方式 可 以 封装 在 一 个 模块 中 ,为 所 有 的 业务 逻辑 访问 数据 库 提供 代码 
复 用 。 本 任务 将 介绍 数据 库 访问 重用 组 件 的 设计 。 


2. 任务 分 析 


数据 库 访问 组 件 在 三 层 软件 架构 技术 中 属于 数据 库 访 问 层 ,直接 构建 与 数据 库 的 
通信 。 这 里 主要 讨论 SQLServer 数据 库 的 访问 。ASP .NET 中 实现 对 数据 库 的 访问 需 
要 引入 命名 空间 System. Data. SqlClient, 该 命名 空间 封装 了 对 SQLServer 数据 库 的 访问 
类 ,如 SqlConnection、SqlCommand、SqlDataReader、SqlParameter 等 ,这 些 丰 富 的 类 满足 对 
数据 库 的 多 种 访问 方式 。 访 问 数据 库 需 要 提供 数据 库 连 接 词 ,连接 词 在 Web. Config 文件 
中 配置 ,项 目 7 中 已 经 定义 了 连接 词 “LocalSqlServer”。 读 取 连 接 词 要 用 到 命名 空间 
System. Configuration 下 的 ConfigurationManager 类 ,实现 代码 如 下 : 

public static readonly string ConnectionStringLocalTransaction = 

Conf igurationManager. ConnectionStrings[ "LocalSqlServer"]. ConnectionString; 

读 取 到 的 连接 词 存放 在 一 个 静态 的 只 读 类 型 的 字符 串 中 随时 供 使 用 。 

本 任务 中 的 数据 库 访问 重用 类 来 源 于 微软 所 提供 的 数据 库 访问 助手 SqlHelper， 
SqlHelper 类 封装 了 多 种 数据 库 访问 方法 ,这 里 将 依据 项 目的 需要 讨论 主要 的 方法 。 
SqlHelper 类 结构 如 下 : 

public abstract class SqlHelper{ 

// 从 Web. Config 中 获取 访问 数据 库 的 连接 词 


public static readonly string ConnectionStringLocalTransaction = 
ConfigurationManager. ConnectionStrings["LocalSqlServer"]. ConnectionString; 


--- 项 目 8 网 上 书店 客户 订单 管理 -ES 2 


// 定 义 了 shTable 缓存 访问 数据 库 的 参数 
private static Hashtable parmCache = 
Hashtable. Synchronized(new Hashtable( )); 


// 使 用 数据 连接 词 连接 数据 库 

// 执 行 SQL 语句 或 存储 过 程 实现 对 数据 库 的 操作 

public static int ExecuteNonQuery( string connectionString, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters){ } 


// 使 用 连接 对 象 连接 数据 库 

// 执 行 SQL 语句 或 存储 过 程 实现 对 数据 库 的 操作 

public static int ExecuteNonQuery(SqlConnection connection, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters){ } 


// 使 用 事务 处 理 实现 对 数据 库 的 操作 
public static int ExecuteNonQuery(SqlTransaction trans, 


CommandType cmdType, 
string cmdText, 


params SqlParameter[ ] commandParameters){ } 


// 查 询 数据 库 , 返 回 SqlDataReader 类 型 的 结果 集 
public static SqlDataReader ExecuteReader(string connectionString, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters){ } 


// 执 行 Sql 语句 返回 结果 集中 第 一 行 的 第 一 列 

public static object ExecuteScalar( string connectionString, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters){ } 


// 缓 存 参 数列 表 
public static void CacheParameters(string cacheKey, 
params SqlParameter[ ] commandParameters){ } 


// 读 取 参 数列 表 
public static SqlParameter[ ] GetCachedParameters( string cacheKey){ } 


// 数 据 库 访问 操作 参数 预 处 理 

private static void PrepareCommand(SqlCommand cmd, 
SqlConnection conn, SqlTransaction trans, 
CommandType cmdType, 
string cmdText, SqlParameter[] cmdParms) { } 


SqlHelper 类 为 抽象 类 ,封装 的 方法 为 静态 方法 ,这 些 方法 可 供 上 层 处 理 逻 辑 直 接 调 
用 。 接 下 来 的 步骤 中 将 讨论 主要 方法 的 实现 。 

(1) 实现 操作 数据 库 的 ExecuteNonQuery 方法 

数据 的 访问 操作 需要 预先 准备 参数 ,并 判断 是 否 需要 事务 处 理 操 作 。 操 作 过 程 通过 
SqlHelper 类 的 私有 静态 方法 PrepareCommand 完成 。 代 码 如 下 : 


Private static void PrepareCommand( SqlCommand cmd, SqlConnection conn, SqlTransaction trans, 
CommandType cmdType, string cmdText, SqlParameter[] cmdParms) { 


// 如 果 连 接 对 象 没有 打开 , 则 打开 连接 对 象 
if (conn. State != ConnectionState. Open) 
conn. Open() 7 


// 为 SqlCommand 类 型 的 对 象 实例 cnd 配置 连接 对 象 和 Sql 参数 
/VSql 参数 cmdText 可 以 为 SQL 语句 ,也 可 以 是 存储 过 程 名 称 
cmd. Connection = conn; 

cmd. CommandText = cmdText; 


// 如 果 需 要 事务 处 理 , 则 配置 事务 处 理 参数 
if (trans != null) 
cmd. Transaction = trans; 


// 配 置 访问 数据 方式 的 参数 (使 用 Sql 访问 ,还 是 使 用 存储 过 程 访问 ) 
cmd. CommandType = cmdType; 


// 配 置 访问 数据 库 的 参数 列表 
if (cmdParms != null) { 
foreach (SqlParameter parm in cmdParms) 
cmd. Parameters. Rdd(parm) ; 


} 


使 用 连接 词 访问 数据 库 , 实 现 数据 库 的 操作 可 以 使 用 方法 ExecuteNonQuery 实现 。 方 
法 ExecuteNonQuery 有 4 个 参数 : 第 一 个 参数 connectionString 是 数据 库 连 接 词 ,可 以 从 
Web. Config 文件 中 读 取 ; 第 二 个 参数 cmdType 定义 了 访问 数据 库 的 方式 ,如 果 值 是 
CommandType. Text, 则 使 用 SQL 语句 访问 数据 库 , 如 果 值 是 CommandType. 
StoredProcedure, 则 使 用 存储 过 程 访问 数据 库 ; 第 三 个 参数 cmdText 为 SQL 语句 字符 串 或 
存储 过 程 名 称 , 具 体 情况 依据 参数 cmdType 决定 ; 最 后 一 个 参数 commandParameters 为 访 
问 数据 库 的 参数 数组 。 代 码 如 下 : 
public static int ExecuteNonQuery( string connectionString, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters){ 
SqlCommand cmd = new SqlCommand(); 


using (SqlConnection conn = new SqlConnection(connectionString)){ 
PrepareCommand(cmd, conn, null, cmdType, 


cmdText, commandParameters); 
int val = cmd. ExecuteNonQuery(); 
cmd. Parameters. Clear(); 
return val; 
} 
} 


上 述 代 码 中 使 用 using 语句 创建 conn 对 象 , 当 using 语句 执行 完毕 后 ,自动 释放 连接 对 
象 。 方 法 的 返回 值 为 影响 数据 库 表 的 记录 行 数 , 即 成 功 操作 的 记录 数 。 取 得 操作 成 功 的 记 
录 数 后 ,使 用 cmd. Parameters. Clear() 语 句 清空 参数 列表 。 
(2) 实现 从 数据 库 中 读 取 数 据 记 录 的 ExecuteReader 方法 
SqlHelper 类 的 方法 ExecuteReader 实现 从 数据 库 中 快速 读 取 数 据 ,方法 的 返回 值 为 
SqlDataReader 类 型 。 该 方法 的 参数 与 SqlHelper 类 的 ExecuteNonQuery 方法 参数 完全 一 
样 。 方 法 中 使 用 cmd. ExecuteReader(CommandBehavior. CloseConnection) 实 现 对 数据 的 
读 取 ,并 创建 DataReader 对 象 保存 结果 。 参 数 CommandBehavior. CloseConnection 的 作用 
是 关闭 DataReader 对 象 的 同时 自动 关闭 数据 库 连接 对 象 。 此 外 采用 try/ catch 结构 , 当 数 
据 库 访问 出 现 异常 时 ,不 能 通过 CommandBehavior. CloseConnection 关闭 连接 对 象 , 需 要 在 
异常 处 理 中 关闭 连接 对 象 。 代 码 如 下 : 
public static SqlDataReader ExecuteReader( string connectionString, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters) 
{ 


SqlCommand cmd = new SqlCommand(); 
SqlConnection conn = new SqlConnection(connectionString); 


try { 
PrepareCommand( cmd, conn, null, cmdType, 
cmdText, commandParameters); 
SqlDataReader rdr = 
cmd. ExecuteReader (CommandBehavior. CloseConnection); 
cmd. Parameters. Clear( ); 
return rdr; 
} 
catch { 
conn. Close( ); 
throw; 


} 

(3) 执行 SQL 语句 返回 结果 集中 第 一 行 的 第 一 列 

ExecuteScalar 方法 执行 一 个 SQL 命令 返回 结果 集 的 第 一 行 的 第 一 列 的 值 。 它 经 常用 
来 执行 SQL 的 COUNT、AVG、MIN、MAX 和 SUM 函数 ,这 些 函 数 都 是 返回 单行 单列 的 
结果 集 。ExecuteScalar 一 般 返 回 一 个 Object 类 型 ,因此 必须 把 它 转换 为 强 类 型 。 如 果 转 换 
不 正确 , .NET 框架 就 会 引发 InvalidCastException 异常 。 代 码 如 下 : 


public static object ExecuteScalar(string connectionString, 
CommandType cmdType, 
string cmdText, 
params SqlParameter[ ] commandParameters) { 
SqlCommand cmd = new SqlCommand(); 


using (SqlConnection connection = new SqlConnection(connectionString)) { 
PrepareCommand( cmd, connection, null, cmdType, cmdText, 
commandParameters); 
object val = cmd. ExecuteScalar(); 
cmd. Parameters. Clear( ); 
return val; 


} 


(4) 实现 参数 缓存 和 参数 提取 
使 用 带 参 数 的 SQL 语句 或 存储 过 程 访问 数据 库 时 ,可 以 预先 对 参数 进行 缓存 ,在 需要 
时 再 从 缓存 中 读 取 。 方 法 CacheParameters 将 参数 数组 保存 到 哈 希 结构 类 型 的 变量 中 组 
存 。 方 法 GetCachedParameters 从 哈 希 变量 中 读 取 参数 数组 。 代 码 如 下 : 
public static void CacheParameters(string cacheKey, 
params SqlParameter[ ] commandParameters) { 


parmCache[ cacheKey] = commandParameters; 
} 


public static SqlParameter[ ] GetCachedParameters( string cacheKey) { 
SqlParameter[ ] cachedParms = (SqlParameter[ ] )parmCache[ cacheKey]; 


if (cachedParms == null) return null; 


SqlParameter[ ] clonedParms = new SqlParameter[cachedParms.Length]; 
// 将 哈 希 变量 中 的 参数 数组 复制 到 clonedParms 数组 中 
for (int i = 0, j = cachedParms.Length; i < j; i++) 
clonedParms[i] = 
(SqlParameter)((ICloneable)cachedParms[i]).Clone(); 
// 返 回复 制 的 参数 数组 


return clonedParms; 


l 


3. 任务 完成 总 结 

本 任务 主要 讨论 了 数据 库 访问 重用 组 件 的 设计 ,数据 访问 类 型 主要 有 两 类 : 一 类 是 数 
据 库 查询 ; 另 一 类 是 数据 库 操作 。 数 据 库 查询 可 以 返回 整个 结果 集 ,也 可 以 返回 结果 集 第 
一 行 的 第 一 列 。 数 据 库 操作 主要 是 针对 数据 库 表 进行 添加 、 删 除 和 更 新 操作 。 在 进行 类 设 
计时 ,将 查询 分 为 两 个 方法 来 实现 ,操作 使 用 一 个 方法 实现 。 此 外 在 使 用 上 述 3 个 方法 访问 
数据 库 时 ,可 能 需要 参数 列表 ,在 设计 类 时 ,还 设计 了 缓存 和 读 取 参数 列表 的 两 个 方法 。 

4. 课堂 训练 与 知识 拓展 


在 设计 数据 库 查 询 和 操作 方法 时 ,除了 将 数据 库 连接 词 作为 参数 ,也 可 以 将 连接 对 象 或 


事务 处 理 对 象 作为 参数 。 请 重 载 ExecuteNonQuery 方法 分 别 实现 连接 对 象 和 事务 处 理 对 
象 访问 数据 库 的 方法 。 


8.4.3 任务 8-3 订购 流程 业务 处 理 


1. 任务 介绍 

订购 流程 的 业务 处 理 主要 实现 订单 业务 逻辑 层 和 数据 访问 层 的 处 理 。 订 单数 据 由 表示 
层 传递 到 逻辑 层 后 ,经 过 逻辑 层 的 处 理 ,然后 调用 数据 访问 层 的 模块 完成 与 数据 库 的 交互 。 
本 任务 中 主要 介绍 订购 流程 业务 逻辑 层 和 数据 访问 层 的 模块 设计 ,以 及 模块 与 模块 之 间 的 
接口 设计 。 

2. 任务 分 析 

逻辑 层 和 数据 访问 层 模 块 结构 图 如 图 8-11 所 示 。 业 务 逻 辑 层 不 直接 使 用 数据 访问 层 
中 的 方法 ,逻辑 层 与 数据 访问 层 之 间 的 通信 通过 接口 来 完成 ,逻辑 层 BLL 使 用 DALFactory 
对 象 工厂 调用 IDAL 接口 ,访问 SQLServer 数据 库 的 对 象 SQLServerDAL 实现 了 IDAL 接 
口 。IDAL 接口 将 两 个 层次 隔 开 ,数据 访问 层 对 逻辑 层 是 封闭 的 。 数 据 的 保存 是 由 实体 类 
对 象 Model 来 完成 的 。 实 现 数据 操作 的 动作 由 SQLServerDAL 类 提供 的 方法 完成 。 
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8-11 ”逻辑 层 和 数据 访问 层 的 模块 结构 图 


下 面 的 步骤 将 实现 各 层次 间 的 处 理 类 。 

(1) 设计 封装 订单 信息 的 实体 类 

购物 流程 中 ,从 用 户 界面 录入 的 配送 地 址 、 购 物 清单 和 最 终 形成 的 订单 可 以 使 用 实体 对 
象 进行 保存 。 实 体 对 象 不 具有 持久 化 功能 ,只 作为 数据 的 载体 ,便于 业务 逻辑 针对 相应 的 数 


据 表 进 行 读 写 操作 。 表 示 层 、 逻 辑 层 .数据 访问 层 之 间 的 订单 交互 可 以 将 实体 对 象 作为 参数 
进行 交互 。 数 据 访问 层 从 数据 库 读 取 的 数据 也 可 以 保存 在 实体 对 象 中 。 购 物流 程 需要 用 到 
3 个 实体 对 象 : 保存 配送 地 址 信息 实体 类 AddressInfo, 保存 图 书信 息 的 实体 类 
OrderItemInfo ,保存 订单 信息 的 实体 类 OrderInfo。 

设计 配送 地 址 实体 类 ,保存 用 户 的 配送 地 址 信息 。 代 码 如 下 : 


public class RddressInfof 


下 


// 定 义 内 部 成 员 变量 , 保存 用 户 姓 名 、 地 址 、 邮 编 电 话 和 E-mail 
private string realName; 

private string address; 

Private string zipCode; 

private string phone; 

private string email; 


// 默认 构造 函数 
public AddressInfo() { } 


// 重 载 构造 函数 ,接受 外 部 输入 的 地 址 信息 
public AddressInfo( string realName, string address, string zipCode, string 
phone, string email){ 
this. realName = realName; 
this.address = address; 
this. zipCode = zipCode; 
this. phone = phone; 
this. email = email; 


. 


// 姓名 属性 
public string RealName{ 
get { return realName; } 
} 
// 详 细 地 址 属性 
public string Address{ 
get { return address; } 
} 
// 邮 编 属 性 
public string ZipCode{ 
get { return zipCode; } 
} 
// 电 话 属性 
public string Phone{ 
get { return phone; } 
} 
//E-mail 属性 
public string Email{ 
get { return email; } 


} 


设计 封装 购物 清单 的 实体 类 ,保存 购买 图 书 的 信息 。 代 码 如 下 : 


a 项 目 8 网 上 书店 客户 订单 管理 -Bi 让 -----， 


public class OrderItemInfof 
// 定义 内 部 成 员 变量 ,保存 图 书 编号 . 书 名 、 订 购 数 量 和 订购 价格 
private int bookID; 
private string bookName; 
private int quantity; 
private decimal unitPrice; 


// 接 受 外 部 输入 的 图 书信 息 参 数 
public OrderItemInfo( int bookID, string bookName, int quantity, decimal 
unitPrice) { 
this. bookID = bookID; 
this. bookName = bookName; 
this. quantity = quantity; 
this. unitPrice = unitPrice; 


// 定义 图 书 编号 属性 
public int BookID{ 
get { return bookID; } 
} 
// 定 义 书 名 属性 
public string BookName{ 
get { return bookName; } 
} 
// 定 义 购买 数量 属性 
public int Quantity{ 
get { return quantity; } 
} 
// 定 义 购买 价格 属性 
public decimal BookPrice{ 
get { return unitPrice; } 
} 
// 定 义 每 本 图 书 的 小 计价 格 
public decimal SubTotalPrice{ 
get { return unitPrice * quantity; } 


} 
设计 封装 订单 信息 的 实体 类 。 代 码 如 下 : 


public class OrderInfo{ 
private string userName; 
private DateTime orderDate; 
private DateTime completeDate; 
private AddressInfo shippingAddress; 
private OrderItemInfo[ ] orderItems; 


public OrderInfo(){} 


public OrderInfo( string userName, DateTime orderDate, DateTime 
completeDate, AddressInfo shippingAddress, OrderItemInfo[ ] 


orderItems) { 
this. userName = userName; 
this. orderDate = orderDate; 
this. completeDate = completeDate; 
this. shippingAddress = shippingAddress; 
this. orderItems = orderItems; 


i 


// 定义 用 户 名 属性 
public string UserName{ 
get { return userName; } 


set { userName = value; } 


} 


// 定 义 订购 日 期 属性 
public DateTime OrderDate{ 
get { return orderDate; } 
set { orderDate = value; } 
} 


// 定 义 订单 处 理 日 期 属性 
public DateTime CompleteDate{ 
get { return completeDate; } 
set { completeDate = value; } 
} 


// 定 义 订购 地 址 属性 ,该 属性 数据 类 型 为 地 址 实体 类 
public AddressInfo ShippingAddress{ 
get { return shippingAddress; } 
set { shippingAddress = value; } 
} 
// 定 义 购物 清单 属性 ,该 属性 是 数据 类 型 为 购物 清单 类 的 一 维 数组 
public OrderItemInfo[ ] OrderItems{ 
get { return orderItems; } 
set { orderItems = value; } 


» 


// 定 义 计算 订单 总 价 的 属性 ,订单 总 价 为 购物 清单 商品 总 价 
public decimal OrderTotalPrice{ 
get { 
decimal totalPrice = 0; 
if (orderItems!= nul1) { 
foreach (OrderItemInfo item in orderItems) { 
totalPrice + = item.SubTotalPrice; 
} 
} 


return totalPrice; 


(2) 设计 订单 操作 接口 

数据 库 的 基本 操作 包括 Select Insert\Update 和 Delete, 这 些 操作 逻辑 仅 具有 行为 而 与 
数据 无 关 , 因 此 可 以 被 抽象 为 单独 的 接口 模块 。 购 物流 程 中 对 订单 数据 表 的 操作 接口 可 以 
定义 为 IOrderInfo, 接 口中 定义 3 个 操作 : 添加 订单 ,获取 订单 和 更 新 订单 状态 。 代 码 如 下 : 


public interface IOrderInfo{ 


// 添 加 订单 操作 

Int32 InsertOrder(OrderInfo order); 
// 获 取 订 单 操作 

OrderInfo GetOrder( Int32 orderId); 


// 更 新 订单 状态 操作 
int UpdateOrderState( Int32 orderID); 


将 数据 实体 和 数据 库 操作 分 离 ,符合 面向 对 象 的 精神 ,使 得 两 者 之 间 的 依赖 减弱 , 当 数 
据 行为 发 生 改 变 时 ,并 不 影响 Model 模块 中 的 数据 实体 对 象 ,避免 了 因 一 个 类 职责 过 多 、 过 
大 ,从 而 导致 该 类 的 引用 者 发 生 * 灾 难 性 ?影响 。 

(3) 实现 订单 操作 接口 

本 步骤 使 用 类 SqlOrderInfo 实现 订单 操作 的 接口 ,完成 与 数据 库 的 交互 。 类 SqlOrderInfo 
继承 接口 IOrderInfo, 包 含 三 个 公共 成 员 枯 数 和 两 个 私有 公共 函数 ,代码 如 下 : 


public class SqlOrderInfo: IOrderInfo 


{ 


} 


// 将 带 参数 的 SQL 语句 和 参数 变量 定义 成 内 部 私有 字符 串 常量 ， 
// 这 些 常 量 在 成 员 函 数 中 使 用 . 

// 添 加 订单 基本 信息 的 SQL 语句 : SQL_INSERT_ORDER ; 

// 添 加 订单 商品 信息 的 SQL 语句 : SQL_INSERT_ITEM ; 

// 查 询 订单 详细 信息 的 SQL 语句 : SQL_SELECT_ORDER; 

// 更 新 订单 状态 的 SQL 语句 : SQL_UPDATE_STATE; 


// 此 处 定义 参数 字符 串 常 量 . 


// 获 取 订 单 参数 的 内 部 私有 成 员 函 数 


private static SqlParameter[ ] GetOrderParameters(){ } 


// 获 取 订 单项 参数 的 内 部 私有 成 员 函 数 
private static SqlParameter[ ] GetItenParameters(int i){ } 


// 添 加 订单 的 公共 成 员 函 数 ,添加 成 功 返 回 订单 ID 
public int InsertOrder(OrderInfo order) { } 


// 查 询 订单 的 公共 成 员 函 数 ,参数 为 订单 ID 
public OrderInfo GetOrder( Int32 orderId) { } 


// 更 新 订单 的 状态 ,参数 为 订单 ID 
public int UpdateOrderState( Int32 orderID) { } 


下 面 对 类 SqlOrderInfo 进行 详细 的 分 析 。 


中 定义 参数 字符 串 常 量 。SQL 语句 中 使 用 到 的 参数 变量 需要 定义 ,代码 如 下 : 


// 用 户 登录 名 参数 

private const string PARM USERNAME = "@UserName"; 
// 用 户 真实 姓名 参数 

private const string PARM REALNAME = "(@RealName"; 
// 订 购 日 期 参数 

private const string PARM DATE = "(@OrderDate"; 

// 送 货 详细 地 址 参数 

private const string PARM ADDRESS = "(@ShipAddress"; 
// 邮 编 参 数 

private const string PARM ZIPCODE = "@ZipCode"; 
// 联 系 电话 参数 

private const string PARM PHONE = "(@Phone"; 
//E-mail 参数 

private const string PARM EMAIL = "@Email"; 

// 订 单 编号 参数 

private const string PARM_ORDERID = "(@OrderId"; 
// 图 书 编号 参数 

private const string PARM_ BOOKID = "(@BookID"; 

// 图 书 名 参数 

private const string PARM BOOKNAME = "(@BookName"; 
// 订 购 数 量 参 数 

private const string PARM QUANTITY = "@Quantity"; 
// 销 售 价 参数 


private const string PARM PRICE = "@UnitPrice"; 


@ 获取 订单 参数 的 成 员 函 数 GetOrderParameters。 成 员 函 数 GetOrderParameters 的 
功能 是 缓存 或 读 取 操作 订单 基本 信息 SQL 语句 的 参数 ,将 SQL 语句 常量 SQL_INSERT_ 
ORDER 作为 键 值 ,存储 该 SQL 语句 对 应 的 参数 数组 。 使 用 时 ,首先 使 用 SqlHelper 类 的 
GetCachedParameters 方法 读 取 SQL_INSERT_ORDER 键 值 对 应 的 参数 数组 ,如 果 读 取 结 
果 不 为 空 , 则 返回 SqlParameter 类 型 参数 数组 ,否则 ,创建 SqlParameter 参数 数组 变量 
parms, 并 将 订单 基本 信息 参数 存储 到 参数 数组 中 ,然后 返回 数组 变量 parms。 代 码 如 下 : 


private static SqlParameter[ ] GetOrderParameters(){ 
SqlParameter[ ] parms = SqlHelper.GetCachedParameters(SQL INSERT ORDER) 
if (parms == null) { 
parms = new SqlParameter[] { 
new SqlParameter (PARM_ USERNAME, SqlDbType. NVarChar, 20), 
new SqlParameter (PARM DATE, SqlDbType. DateTime, 8), 
new SqlParameter(PARM REALNAME, SqlDbType. NVarChar, 50), 
new SqlParameter (PARM ADDRESS, SqlDbType. VarChar, 50), 
new SqlParameter(PARM ZIPCODE , SqlDbType. VarChar, 6), 
new SqlParameter (PARM PHONE, SqlDbType. NVarChar, 50), 
new SqlParameter(PARM EMAIL, SqlDbType. NVarChar, 100)}; 
SqlHelper. CacheParameters( SQL_INSERT ORDER, parms); 
} 


return parms; 


@ 获取 订单 项 参数 的 成 员 函 数 GetItemParameters。 成 员 函 数 GetItemParameters 的 
作用 是 缓存 或 读 取 操作 订单 中 购物 清单 SQL 语句 所 需 参数 变量 ,如 果 缓 存 为 空 , 则 创建 参 
数 变 量 保存 到 缓存 中 。 参 数 i 为 订单 中 商品 的 序号 。 代 码 如 下 : 


private static SqlParameter[ ] GetItemParameters(int i) { 
SqlParameter[] parms = 
SqlHelper. GetCachedParameters(SQL INSERT ITEM + i); 
if (parms == null) { 
parms = new SqlParameter[] { 
new SqlParameter(PARM BOOKID + i, 
SqlDbType. Int, 4), 
new SqlParameter(PARM BOOKNAME + iv 
SqlDbType. NVarChar, 50), 
new SqlParameter(PARM QUANTITY + i, 
SqlDbType. Int, 4), 
new SqlParameter(PARM PRICE + iv 
SqlDbType. Decimal, 8)}; 
SqlHelper. CacheParameters(SQL_ INSERT ITEM + i, parms); 
} 
return parms; 
} 


@ 产生 订单 的 成 员 函 数 。 定 义 产生 订单 的 成 员 函 数 InsertOrder, 将 客户 的 订单 添加 到 
数据 库 中 ,参数 order 为 订单 对 象 。 函 数 的 返回 值 为 int 型 ,添加 成 功 返 回 订单 号 ,否则 返回 
0。 首 先 要 构造 添加 订单 基本 信息 的 SQL 语句 和 添加 商品 清单 信息 的 SQL 语句 。 

添加 订单 基本 信息 的 SQL 语句 : 

private const string SQL_INSERT_ORDER = "Declare @ ID int; Declare @ERR int; INSERT INTO 

t_order (UserName, OrderDate, RealName, Address, ZipCode, Phone, Email) VALUES ( @ UserName, 

@OrderDate, @RealName, @ ShipAddress, @ ZipCode, @ Phone, @Fmail); SELECT @ID= @ @ IDENTITY; 

SELECT @ERR = (@(@ERROR;"; 

上 述 语句 中 首先 声明 两 个 变量 @ID 和 @ERR, 用 于 保存 产生 的 订单 ID 和 出 错 数 , 当 没 
有 错误 时 ,@ERR 应 为 0。 然后 使 用 INSERT 语句 向 订单 表 t_order 中 添加 订单 基本 信息 ， 
@@IDENTITY 返回 新 增订 单 号 ,@@ERROR 返回 出 错 信息 数目 。 

添加 订单 商品 清单 信息 的 SQL 语句 : 

private const string SQL_INSERT ITEM = "INSERT INTO t_orderdetail (OrderID, BookID, BookName, 

Quantity, UnitPrice) VALUES ( "; 

上 述 SQL 语句 向 订单 详细 表 t_orderdetail 中 添加 商品 清单 信息 ,参数 列表 在 
InsertOrder 成 员 函 数 中 添加 。 

成 员 函 数 中 使 用 StringBuilder 类 对 象 保存 产生 订单 的 SQL 语句 。 成 员 函 数 定 义 
如 下 : 

public int InsertOrder(OrderInfo order) { 

// 订 单 变 量 orderID 初 值 为 0 


int orderID = 0; 
// 创 建 StringBuilder 类 对 象 strSQL 
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StringBuilder strSQL = new StringBuilder(); 


// 获取 订单 参数 数组 
SqlParameter[ ] orderParms = GetOrderParameters(); 


SqlCommand cmd = new SqlCommand(); 


// 为 参数 变量 赋值 

orderParms[0].Value = order. UserName; 
orderParms[1].Value = order.OrderDate; 
orderParms[2].Value = order.ShippingAddress. RealName; 
orderParms[3].Value = order.ShippingAddress. Address; 
orderParms[4]. Value = order.ShippingAddress.ZipCode; 
orderParms[5].Value = order. Shippinghddress. Phone; 
orderParms[6].Value = order.ShippingAddress. Email; 


foreach (SqlParameter parm in orderParms) 
cmd. Parameters. Add( parm); 


// 创建 连接 数据 库 的 对 象 , 执行 SQL 语句 ,将 订单 保存 到 数据 库 


using (SqlConnection conn = new SqlConnection(SqlHelper. ConnectionStringLocalTransaction)) { 


// 将 SQL 字符 串 SQL_INSERT_ORDER 添加 到 strsQL 对 象 中 
strSQL. Append( SQL_INSERT ORDER) ; 

SqlParameter[ ] itemParms; 

// 将 SQL_INSERT_ITEM 字符 串 添加 到 strSQL 对 象 中 

// 将 参数 添加 到 strsQL 中 构造 添加 商品 清单 的 SQL 语句 
inti= 0; 

foreach (OrderItemInfo item in order.OrderItems) { 


strSQL. Rppend( SQL_ INSERT_ITEM). Append( " @ ID"). Append(", @ BookID"). Append(i). 
Append(", @BookName").Append(i). Append(", @Quantity").Append(i). Append(", @UnitPrice"). 


Append( i). Append("); SELECT @ERR = @ERR+ @@ERROR;"); 


// 获 取 参 数 变量 ,并 赋值 
itemParms = GetItemParameters(i); 


itemParms[0].Value = item.BookID; 

itemParms[1]. Value = item.BookName; 

itemParms[2]. Value = item. Quantity; 

itemParms[3].Value = item.SubTotalPrice; 

// 将 参数 对 象 添加 到 Parameters 中 

foreach (SqlParameter parm in itemParms) 
cmd. Parameters. Add( parm); 

++; 


} 


conn. Open( ); 

cmd. Connection = conn; 

cmd. CommandType = CommandType. Text; 

cmd. CommandText = strSQL.Append("SELECT @ID，@ERR" ) . ToString(); 


// 执行 SQL 语句 ,SQL 语句 执行 完毕 ,关闭 连接 对 象 


using (SqlDataReader rdr = cmd.ExecuteReader(CommandBehavior. CloseConnection)) { 
// 读 取 变 量 @ERR 的 值 
rdr. Read( ) 
// 如 果 错 误 数 大 于 0, 则 抛 出 异常 ,否则 返回 订单 号 
证 (rdr.GetInt32(1) != 0) 
throw new ApplicationException(" 写 人 订单 信息 时 产生 错误 "); 
else 
orderID = rdr.GetInt32(0); 
} 
// 清 除 参数 
cmd. Parameters. Clear( ); 
} 


return orderID; 


} 


@ 查询 订单 的 成 员 函 数 。 定 义 查询 订单 的 成 员 函 数 GetOrder, 成 员 函 数 的 返回 值 为 
OrderInfo 对 象 类 型 ,函数 的 参数 为 orderId, 依 据 订 单 号 查询 订单 客户 订单 。 查 询 订单 信息 
的 SQL 语句 定义 如 下 : 


private const string SQL _ SELECT ORDER = "SELECT o. UserName, 0. OrderDate, o. RealName, 
o. Address, o. ZipCode, o. Phone, o. Email, o. CompleteDate, d. BookID, d. BookName, d. Quantity, 
d.UnitPrice FROM t_order o,t orderdetail d WHERE o. OrderID = d. OrderID AND o. OrderId = 
@orderId"; 


上 述 SQL 语句 从 订单 基本 信息 表 t_order 和 购物 清单 表 t_orderdetail 中 读 取 订单 的 详 
细 信 息 。 
成 员 函 数 定义 如 下 : 


public OrderInfo GetOrder( Int32 orderId) { 
OrderInfo order = new OrderInfo(); 
// 创 建 一 个 接受 订单 号 的 参数 
SqlParameter parm = new SqlParameter(PARM ORDERID, SqlDbType. Int) ; 
parm. Value = orderId; 


// 执 行 查询 订单 的 SQL 语句 
using (SqlDataReader rdr = SqlHelper. ExecuteReader(SqlHelper. ConnectionStringLocalTransaction, 
CommandType. Text, SQL, SELECT_ ORDER, parm)) { 


证 (rdr. Read()){ 
// 建 立 订单 中 保存 发 货 地 址 的 地 址 对 象 ， 
// 并 将 订单 的 地 址 信息 保存 在 对 象 中 
AddressInfo shippingAddress = new hddressInfo( rdr. GetString(2), rdr. GetString(3), 
rdr. GetString(4), rdr.GetString(5), rdr.GetString(6)); 


// 重 载 订单 对 象 的 构造 函数 ,将 订单 信息 保存 到 订单 对 象 中 
DateTime complateDate = DateTime.MinValue; 
if (!rdr. IsDBNu11(7)) { 
complateDate = rdr.GetDateTime(7); 
} 
order = new OrderInfo (rdr. GetString(0), rdr. GetDateTime(1), complateDate, 


shippingAddress, null); 


// 建 立 一 个 可 以 保存 一 组 订单 项 的 集合 


IList< OrderItemInfo> orderItemsList = new List< OrderItemInfo>(); 


// 订 单项 对 象 初始 化 为 空 
OrderItemInfo item = null; 


// 将 订单 的 每 个 订单 项 封装 到 iten 对 象 中 ,并 依次 添加 到 orderItemsList 集合 中 
dof 
让 em = new OrderItemInfo(rdr. GetInt32(8), rdr.GetString(9), rdr.GetInt32(10), 
rdr. GetDecimal(11)); 
orderItemsList. Add( item) ; 
} while (rdr.Read() ); 


// 声 明 订单 对 象 order 中 保存 购物 清单 信息 的 订单 项 0rderItems 数组 ,数组 长 度 为 
orderItemsList 集合 元 素 个 数 
order. OrderItems = new OrderItemInfo[ orderItemsList. Count]; 


// 将 集合 中 的 元 素 依 次 复制 到 数组 中 
orderItemsList. CopyTo(order. OrderItems, 0); 
} 
} 
// 返 回 订单 对 象 
return order; 


} 
@ 更 新 订单 状态 。 当 网 店 工 作 人 员 进 行 订单 处 理 时 ,需要 更 新 订单 状态 和 处 理 日 期 ， 
SQL 语句 定义 如 下 : 


private const string SQL_UPDATE_STATE = "UPDATE t_order SET OrderState = '1',CompleteDate = 
GETDATE( ) WHERE OrderID = (@OrderID"; 


上 述 SQL 语句 中 将 订单 基本 信息 表 t_order 中 的 订单 状态 更 改 为 “1”, 表 示 订 单 处 理 完 
毕 ,完成 日 期 取 当 前 系统 日 期 。 
更 新 订单 状态 的 成 员 函 数 定义 为 UpdateOrderState ,参数 为 订单 号 。 


public int UpdateOrderState( Int32 orderID){ 

// 接 受 订单 号 

SqlParameter parm = new SqlParameter(PARM ORDERID, SqlDbType. Int); 

parm. Value = orderID; 

// 执 行 更 新 订单 状态 的 SQL 语句 

int retValue = 0; 

retValue = SqlHelper. ExecuteNonQuery ( SqlHelper. ConnectionStringLocalTransaction, 

CommandType. Text, SQL_UPDATE STATE, parm); 

// 返 回 记录 更 新 成 功 的 行 数 

return retValue; 


出 


(4) 设计 返回 订单 操作 接口 对 象 的 工厂 类 
设计 工厂 类 DataAccess ,定义 工厂 类 的 成 员 函 数 CreateOrderInfo ,工厂 类 负责 实例 化 


接口 对 象 ,将 业务 逻辑 层 和 数据 访问 层 隔离 。 


public sealed class DataAccess { 
// 创 建 订单 工厂 类 对 象 
public static IOrderInfo CreateOrderInfo( ){ 
return (IOrderInfo) (new SqlOrderInfo( )); 
上 
(5) 设计 逻辑 层 的 订单 操作 类 
订单 操作 的 业务 迎 辑 层 使 用 工厂 类 实现 订单 添加 、 订 单 查 询 和 订单 修改 操作 。 
public class Order{ 
// 创 建 订单 操作 的 工厂 对 象 
private static readonly IOrderInfo dal = DataAccess.CreateOrderInfo(); 
public Order( ){} 
// 添 加 订单 业务 逻辑 处 理 
public static Int32 InsertOrder(OrderInfo order) { 
return dal. InsertOrder (order); 
} 
// 查 询 订单 业务 逻辑 处 理 
public static OrderInfo GetOrder(Int32 orderID) { 
return dal. GetOrder(orderID); 
} 
// 更 新 订单 状态 业务 逻辑 处 理 
public static int UpdateOrderState(Int32 orderID) { 
return dal. UpdateOrderState( orderID); 
} 
} 


3. 任务 完成 总 结 


三 层 架 构 技 术 将 用 户 表示 层 . 业 务 逻 辑 层 和 数据 访问 层 分 开 , 采 用 面向 接口 的 编程 技 
术 ,减少 各 模块 之 间 的 耦合 性 ,增加 了 系统 的 稳定 性 。 


4. 课堂 训练 与 知识 拓展 

使 用 三 层 架构 技术 和 面向 接口 的 编程 技术 改写 项 目 4 图 书 查 询 功 能 和 项 目 5 图 书 管理 
功能 。 
8.4.4 任务 8-4 实现 订单 处 理 和 订单 查询 流程 


1. 任务 介绍 


客户 下 订单 后 ,网 店 人 员 需 要 对 订单 进行 处 理 。 简 单 的 处 理 过 程 一 般 是 当 商 品 发 出 后 ， 
更 改 订单 的 状态 ,并 填写 处 理 日 期 ,处 理 日 期 是 操作 订单 的 系统 日 期 。 客 户 可 以 随时 对 自己 
所 下 的 订单 进行 查询 ,包括 查询 已 处 理 的 订单 和 未 处 理 的 订单 。 本 任务 将 设计 订单 处 理 模 
块 和 订单 查询 模块 。 


2. 任务 分 析 


订单 处 理 模块 界面 可 以 包含 3 个 功能 区 : 订单 状态 信息 显示 区 ,显示 订单 号 ,用 户 登 录 
名 、 订 购 日 期 \ 订 单 状 态 等 基本 信息 ; 订单 详细 信息 显示 区 ,包括 客户 的 送 货 地 址 信息 和 购 
物 清单 信息 ; 订单 处 理 区 ,包含 订单 处 理事 件 。 处 理 模 块 只 显示 未 处 理 的 订单 , 单 击 订单 状 
态 信息 显示 区 的 “详细 ”链接 ,将 在 订单 详细 信息 显示 区 显示 该 订单 的 详细 信息 。“ 订 单 处 理 
区 ”和 “详细 信息 显示 区 ”可 以 作为 一 个 整体 用 一 个 容器 控件 Panel 包含 。 订 单 处 理 模 块 的 
界面 如 图 8-12 所 示 。 


查看 详细 

100083 min 2009-5-27 16:50:09 订单 未 处 理 详细 
100034 min 2009.527 165231 订单 未 处 理 详细 
100086 min 2009-5-31 121720 订单 未 处 理 详细 
100087 min 2009-7-410.45:19 订单 未 处 理 详细 
100098 netbook 2009.7.27 000:46 订单 未 处 理 详细 
100100 netbook 2009-7-27 2225:55 订单 未 处 理 详细 
100101 netbook 2009-7-27 22:39:13 订单 未 处 理 详细 
100102 netbook 2009-7-27 2306:42 订单 未 处 理 详细 
100104 netbook 2009-7-27 23:4324 订单 未 处 理 详细 
100106 netbook 2009.7-31 0:15:56 订单 未 处 理 详细 
关 货 地 址 : 

用 户 姓 名 : 嘟 嘟 

送 地 址 ;常州 信息 职业 技术 学 院 
邮编 :213164 
| 联系 电话 ，86458375 
[Email: min_huifen@126.com 

购物 清单 : R 

图 书 名 称 销售 价格 订购 数量 价格 小 计 
牧羊 少年 奇幻 之 旅 ¥2000 1 ¥2000 

总 价 站 20. 00 


图 8-12 订单 处 理 模块 的 界面 


客户 查询 订单 模块 只 有 两 个 功能 区 : 订单 状态 信息 显示 区 和 订单 详细 信息 显示 区 。 客 
户 只 有 登录 系统 后 才能 使 用 该 功能 ,并 且 只 能 查询 自己 的 订单 ,包括 未 处 理 的 订单 和 已 处 理 
的 订单 。 客 户 查 询 订单 模块 界面 如 图 8-13 所 示 。 

(1) 网 店 管理 人 员 处 理 订 单 

本 步骤 中 对 图 8-12 中 网 店 管理 员 处 理 订单 的 过 程 进 行 详细 的 分 析 。 

首先 用 下 面 的 代码 注册 显示 订单 详细 信息 的 用 户 控件 。 


< 外 四 Register TagPrefix = "NetBookuc" 
TagName = "OrderControl” 
Src = "~/Controls/OrderControl.ascx" %> 
使 用 Panel 容器 控件 包含 “处 理 订单 ”Button 按钮 控件 和 “订单 详细 信息 ”用 户 控件 。 控 
件 Panel 的 Visible 属性 值 为 “false”, 默 认 情况 下 该 控件 不 显示 ,控件 中 包含 的 子 控件 也 被 
屏蔽 。 当 单 击 订单 状态 信息 区 的 “详细 ”链接 时 ,设置 Visible 属性 值 为 “true” ,显示 Panel 控 
件 ,同时 显示 控件 中 的 子 控件 。 代 码 如 下 : 


<asp:Panel ID = "orderPanel" runat = "server" Visible= "false"> 


[| 
订单 号 ”用户 登录 名 订购 日 期 处 理 日 期 订单 状态 查看 详细 
100098 netbook 2009-7-27 0:00:46 待 处 理 中 详细 
100100 nethook 2009-7-27 22:25:55 待 处 理 中 详细 
100101 netbook 2009.7.27 2239:13 待 处 理 中 详 组 
100102 netbook 2009.7-27 B06 和 待 处 理 中 详细 
100104 netbook 2009-7-27 23:4324 待 处 理 中 详细 
100106 netbook 2009-7.31 0:15:56 待 处 理 中 详细 
100088 netbook 2009.7-23 19:50:12 2009-7-2413:51.04 已 处 理 详细 
100089 netbook 2009-7-2321:5407 2009-7-2413:51:17 已 处 理 详细 
100090 metbook 2009-7-23 220426 2009.3-20202004 己 处 理 详细 
100091 netbook 2009.7-.23 22:11:28 2009.320202008 已 处 理 详细 
100092 netbook 2009-7-23 22:1451 2009.320202030 己 处 理 详细 
100093 netbook 2009-7-23 22:1753 2009.3.20202034 己 处 理 详细 
100094 netbook 2009-7-23 22:19:08 2009-8-20 20:20.32 已 处 理 详细 
100095 netbook 2009.7.23222001 2009-7-2413:51:28 已 处 理 详细 
100096 netbook 2009-7-23 22.3035 2009.8-20 2020:11 已 处 理 详细 
100097 metbook 2009-7-23 22:55:11 2009.7-241403:10 已 处 理 详细 
100099 netbook 2009-7-27 17.48:16 2009.3.20202020 已 处理 详细 
100103 netbook 2009-7-27 23:20.57 2009-8-20 20:20:17 已 处 理 详细 
100105 netbook 2009.7.27 了 3 和 24 2009.820202014 已 处 理 详 组 
地 址 : 
用 户 姓名 头 志 芬 
配送 地 址 ;常州 武进 牛 塘 
邮编 ，213163 
联系 电话 : 86458375 
Email: zhang_xiaoyi@126.com 
购物 清单: 
图 书 名 称 销售 价格 订购 数量 价格 小 计 
牧羊 少年 奇幻 之 旅 ¥23500 1 ¥2500 
总 价 : 于 25.00 


图 8-13 客户 查询 订单 模块 界面 


<br /> 
<asp:Button ID = "btnOrderHandle" 
runat = "server" 
Text = "处 理 订单 " 
Width = "150px" 
OnClick = "btnOrderHandle Click" /> 
<!-- 使 用 用 户 自 定 义 控 件 - 订单 确认 -一 > 
< NetBookuc :OrderControl ID = "OrderControl1” runat = "server”/> 
</asp:Panel > 


控件 Button 的 OnClick 属性 定义 事件 处 理 函 数 btnOrderHandle_Click , 当 单 击 该 事件 
时 ,进行 事件 处 理 过 程 ,首先 执行 业务 逻辑 处 理 类 Order 的 UpdateOrderState 成 员 函 数 , 依 
据 订 单 号 更 新 订单 的 状态 ,更 新 成 功 则 显示 订单 的 详细 信息 。 代 码 如 下 : 


protected void btnOrderHandle Click(object sender, EventArgs e) { 
if (orderID > 0) { 
证 (Order. UpdateOrderState(orderID) > 0) { 
gdvOrder. DataBind( ); 
orderPanel. Visible = false; 
gdvOrder. SelectedIndex = —1; 


} 
使 用 GridView 控件 呈现 订单 状态 信息 , 当选 中 一 笔 订单 时 执行 属性 
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OnSelectedIndexChanged 所 定义 的 事件 处 理 程序 gdvOrder_SelectedIndexChanged。 当 呈 
现 订 单 状 态 信息 时 执行 属性 OnRowDataBound 所 定义 的 数据 绑 定 事件 gdvOrder _ 
RowDataBound。 列 Columns 包含 5 个 BoundField 控件 和 1 个 CommandField 控件 , 子 控 
件 BoundField 定义 订单 状态 信息 字段 , 子 控件 CommandField 定义 “选择 ”按钮 ,用 于 显示 
订单 的 详细 信息 。 代 码 如 下 : 


<asp:GridView ID = "gdvOrder" 
runat = "server" 
RutoGenerateColumns = "False" 
DataKeyNames = "OrderID" 
DataSourceID = "orderSqlDataSource" 
OnSelectedIndexChanged = "gdvOrder SelectedIndexChanged" 
OnRowDataBound = "gdvOrder_ RowDataBound"> 
< Columns > 
<asp:BoundField DataField = "OrderID" HeaderText = "订单 号 " InsertVisible = "False" 
ReadOnly = "True" 
SortExpression = "OrderID" /> 
< asp:BoundField DataField = "UserName"” HeaderText = "用 户 登 录 名 ”SortExpression = 
"UserName" /> 
< asp: BoundField DataField = "OrderDate” HeaderText = "订购 日 期 ”SortExpression = 
"OrderDate" /> 
<asp:BoundField DataField = "CompleteDate”HeaderText = "处 理 日 期 " SortExpression = 
"CompleteDate" /> 
< asp: BoundField DataField = "OrderState” HeaderText = "订单 状态 ”SortExpression = 
"OrderState" /> 
< asp: CommandField HeaderText = "查看 详细 ”SelectText = "详细 ”ShowSelectButton = 
"True" /> 
</Columns > 
</asp:GridView> 


使 用 SqlDataSource 控件 为 GridView 控件 提供 数据 源 。 属 性 SelectCommand 定义 带 
参 的 SQL 语句 ,查询 订单 的 状态 信息 ,SQL 语句 中 参数 为 OrderState, 表 示 订 单 的 状态 标 
识 。 子 控件 Parameter 对 参数 进行 声明 ,默认 值 为 “0 表示 未 处 理 的 订单 。 控 件 代 码 
如 下 : 


<asp:SqlDataSource ID = "orderSqlDataSource" 
runat = 所 Server | 
ConnectionString= "<% $ ConnectionStrings:LocalSqlServer %>" 
SelectCommand = "SELECT [OrderID], [UserName], [OrderDate], [CompleteDate], 
[OrderState] FROM [t_order] WHERE ([OrderState] = @OrderState)" 
ProviderName = "System. Data. SqlClient"> 
< SelectParameters> 
<asp:Parameter DefaultValue = "0" Name = "OrderState" Type= "String" /> 
</SelectParameters> 
</asp:SqlDataSource> 


事件 gdvOrder_SelectedIndexChanged 处 理 函 数 中 使 用 Order 类 的 GetOrder 方法 获取 
订单 信息 ,订单 号 作为 参数 。 事 件 gdvOrder_SelectedIndexChanged 的 处 理 过 程 用 下 面 的 
代码 描述 。 


protected void gdvOrder SelectedIndexChanged(object sender, EventArgs e) { 


try { 
// 依 据 订单 号 获取 订单 信息 


orderID = Int32.Parse(gdvOrder. SelectedDataKey[ "OrderID"].ToString()); 


OrderInfo order = Order.GetOrder(orderID); 


// 绑 定 订单 信息 到 自 定义 控件 (订单 显示 界面 ) 
OrderControll1. Address = order.ShippingAddress; 


OrderControll1. TotalPrice = order.OrderTotalPrice. ToString("c"); 


OrderControl1.0rderDetails = order.OrderItenms; 
// 显 示 包 含 订单 详细 信息 的 Panel 容器 控件 
orderPanel. Visible = true; 

} 

catch { 
// 屏 蔽 包含 订单 详细 信息 的 Panel 容器 控件 

orderPanel. Visible = false; 

} 

} 


事件 gdvOrder_RowDataBound 处 理 过 程 对 显示 的 状态 标识 符 进行 处 理 。 代 码 如 下 : 


protected void gdvOrder_ RowDataBound(object sender, GridViewRowEventArgs e) 


{ 
// 判 读 是 否 是 数据 行 
if (e. Row.RowTYpe == DataControlRowType.DataRow) { 
// 获 取 订 单 状态 
string orderState = e.Row.Cells[4].Text; 
// 状 态 标识 符 为 "0", 描 述 为 "未 处 理 " 
// 状 态 标识 符 为 "1", 的 用 红色 字体 描述 为 "已 处 理 " 
// 其 余 情 况 设 为 空 字符 
if (orderState == "0") { 
e. Row. Cells[4].Text = "订单 未 处 理 "; 
} 
else if (orderState == "1"){ 


e. Row. Cells[4].Text = "< font color = 'red> 已 处 理 </font >"; 


} 
else { 

e.Row. Cells[4]. Text = string.Empty; 
} 


} 
(2) 客户 查询 订单 


客户 查询 订单 模块 的 设计 与 步骤 (1) 中 网 店 人 员 处 理 订单 的 设计 过 程 基本 一 致 。 下 面 
仅 对 不 同 的 部 分 进行 分 析 。 本 模块 中 没有 订单 的 处 理事 件 ,此 外 仅 供 登 录 客户 查询 订单 , 因 
此 提取 订单 状态 信息 的 SQL 语句 需 包 含 登录 用 户 名 参数 。 子 控件 ProfileParameter 定义 


的 参数 UserName 来 源 于 Profile 对 象 。 代 码 如 下 : 


<asp:SqlDataSource ID = "orderSqlDataSource" 
runat = "server" 
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ConnectionString = "<% $ ConnectionStrings:LocalSqlServer %>" 
SelectCommand = ”SELECT [ OrderID ], [ UserName ], [ OrderDate ], 
[CompleteDate], [OrderState] FROM [t_order] WHERE ([UserName] = @UserName)"> 
< SelectParameters > 
< asp:ProfileParameter Name = "UserName" PropertyName = "UserName" Type = "String" /> 
</SelectParameters> 
</asp:SqlDataSource> 


3. 任务 完成 总 结 


订单 处 理 模块 和 客户 查询 订单 模块 的 关键 点 是 使 用 数据 源 控件 获取 订单 状态 信息 ,并 
使 用 GridView 控件 呈现 订单 的 状态 信息 。 当 选择 一 笔 订 单 时 ,依据 订单 号 从 数据 库 获取 
订单 信息 ,并 使 用 用 户 控件 呈现 订单 详细 信息 。 两 者 具有 不 同 点 : 处 理 模块 是 网 店 管理 人 
员 使 用 的 功能 ,显示 所 有 未 处 理 的 订单 ,网 店 管理 人 员 处 理 订单 ,需要 更 改 订单 的 状态 标识 
和 处 理 时 间 ; 客户 查询 订单 模块 是 客户 使 用 的 功能 ,客户 可 以 查询 自己 的 订单 ,但 不 可 以 对 
订单 进行 处 理 。 


4. 课堂 训练 与 知识 拓展 


网 店 业务 管理 员 可 以 查询 所 有 已 处 理 的 客户 订单 ,编写 查询 已 处 理 所 有 客户 订单 的 订 
单 查询 模块 ,该 功能 模块 供 网 店 管理 人 员 使 用 。 已 处 理 的 订单 数量 比较 多 ,在 查询 时 应 增加 
时 间 区 间作 为 筛选 条 件 。 


8.5 项 目 总 结 


客户 订单 管理 功能 的 核心 模块 是 购物 流程 ,一 个 简单 的 完整 购物 流程 包括 了 选 购 商品 
形成 购物 清单 、 填 写 配 送 地 址 形成 订单 和 将 订单 存储 到 数据 库 , 第 一 步 可 以 做 成 购物 车 ,最 
后 一 步 生 成 购物 清单 ,整个 购物 流程 使 用 向 导 控 件 Wizard 完成 。 客 户 完 成 购物 后 ,网 店 管 
理 人 员 可 以 对 订单 进行 处 理 , 客 户 可 以 查询 订单 的 状态 。 项 目 设计 的 关键 技术 是 多 层 架 构 
技术 和 面向 接口 的 编程 技术 ,将 用 户 界面 层 、 人 逻辑 层 和 数据 访问 层 分 开 , 使 用 接口 进行 隔离 ， 
减少 层 与 层 模块 之 间 的 耦合 性 ,增加 了 系统 的 稳定 性 。 


8.6 项 目 实 训 


1. 任务 描述 


具有 会 员 信息 的 网 站 一 般 提 供用 户 注册 为 网 站 会 员 的 功能 。 用 户 注册 的 过 程 可 以 分 为 
几 个 步骤 完成 ,网 站 首先 要 求 用 户 输入 主要 的 登录 信息 ,然后 继续 输入 详细 信息 ,最 后 一 步 
将 用 户 信息 写 人 数据 库 。 用 户 注册 信息 写 人 数据 库 前 ,需要 对 新 用 户 登 录 名 进行 验证 , 当 用 
户 登录 名 没有 被 使 用 时 , 写 信 成功 ,否则 需要 更 换 用 户 登录 名 。 编 写 网 站 会 员 管 理 模块 , 实 
现 会 员 注 册 功 能 和 查询 功能 。 


2. 任务 要 求 


(1) 功能 要 求 

设计 会 员 数 据 库 ; 实现 用 户 注册 功能 ; 实现 网 站 管理 员 查 询 注册 用 户 信息 功能 ; 实现 
用 户 登 录 网 站 查询 自己 信息 功能 。 

(2) 技术 要 求 

使 用 Wizard 控件 设计 注册 流程 ; 软件 架构 使 用 三 层 架 构 技术 ; 采用 面向 接口 的 编程 
技术 将 逻辑 层 与 数据 访问 层 隔 开 。 


项 目 9 


网 上 书店 报表 设计 


9.1 项 目 介 绍 


报表 是 将 业务 数据 以 图 表 的 形式 体现 ,易于 直观 理解 。 在 程序 开发 工程 中 ,经 常 要 合并 
计算 ,多 级 汇总 ,制作 图 表 、 条 件 格 式 化 ,这 些 用 普通 的 数据 控件 很 难 完成 ,利用 水 晶 报表 可 
以 简化 这 些 工作 。 水 晶 报表 可 以 制作 非常 漂亮 的 图 表 、 格 式 化 文本 ,并 可 以 将 报表 导出 成 
Word、Excel、PDF、HTML 等 格式 。VS 2005 集成 了 水 晶 报 表 功 能 。 本 项 目 中 将 使 用 水 唱 
报表 功能 设计 网 上 书店 的 订单 清单 报表 和 图 书 分 类 汇总 销售 统计 报表 。 


9.2 项 目 分 析 


本 项 目 中 网 上 书店 报表 设计 主要 完成 以 下 几 个 任务 : 分 别 使 用 Pull 模式 ( 拉 模 式 ) 和 
Push 模式 ( 推 模式 ) 设 计 销 售 订单 报表 ,设计 订单 基本 信息 和 订单 明细 主 从 报表 、 设 计 图 书 
分 类 汇总 销售 统计 图 表 。 显 示 报 表 需 要 的 数据 来 源 于 数据 集 ,报表 获取 数据 集 数 据 有 两 种 
方式 ,Pull 模式 和 Push 模式 。 在 Pull 模式 下 水 唱 报 表 文 件 根据 指定 的 驱动 程序 连接 数据 
库 , 直 接 从 数据 库 拉 数据 组 装 后 绑 定 到 报表 查询 控件 显示 ,该 方法 实现 比较 简单 。 在 Push 
模式 下 程序 执行 时 通过 代码 连接 数据 库 , 从 数据 库 获 取 数据 组 装 成 数据 集 并 送 推 数据 到 报 
表 文 件 ,该 方式 实现 报表 比较 灵活 ,可 以 依据 报表 显示 的 需要 在 数据 集中 对 数据 重新 组 织 。 
订单 基本 信息 清单 列表 和 每 张 订 单 所 对 应 的 商品 信息 明细 表 构 成 主 从 关系 报表 ,用 水 晶 报 
表 的 分 组 功能 可 以 设计 具有 主 从 关系 的 报表 ,订单 基本 信息 和 订单 明细 主 从 关系 报表 通过 
订单 号 关联 ,从 订单 主 表 中 选择 订单 号 能 够 连连 接 到 订单 明细 表 。 图 书 销售 统计 主要 统计 
每 类 图 书 的 销售 量 ,统计 的 数据 来 源 于 销售 订单 ,销售 量 统计 主要 统计 已 处 理 的 销售 订单 ， 
未 处 理 的 销售 订单 不 在 统计 范围 中 ,进行 统计 报表 设计 时 , 按 图 书 类 别 分 类 汇总 ,图 书 的 类 
别 数据 来 源 于 图 书 分 类 库 。 

本 项 目 中 使 用 到 的 图 书 详细 信息 表 (t_book) 和 图 书 分 类 表 (t_category) 的 结构 在 项 目 4 中 
已 经 介绍 ,订单 基本 信息 表 (t_order) 和 订单 明细 表 (t_orderdetail) 的 结构 在 项 目 8 中 已 经 
介绍 。 


9.3 相关 知识 


Crystal Reports 自 1993 年 开始 就 已 经 是 Visual Studio 的 一 部 分 ,并 且 现 在 已 成 为 
Visual Studio 2005 中 的 标准 报表 创建 工具 。 每 套 Visual Studio 2005 都 附带 了 该 工具 ,并 
且 它 直接 集成 到 开发 环境 中 。 它 提供 了 非常 丰富 的 模型 以 使 我 们 能 够 在 运行 时 操作 属性 和 
遍 波 ， 

VS.NET 水 品 报表 主要 有 以 下 优点 : 

@ 快速 的 报表 开发 。 

@ 能 够 导出 成 为 复杂 的 交互 性 图 表 。 

@ 可 以 与 其 他 控件 一 起 在 WebForm 中 使 用 。 

@ 能 够 动态 地 将 报表 导出 成 为 . pdf、. doc、. xls、. html、. rtf 等 多 种 格式 文档 。 

基于 B/S 结构 的 水 晶 报表 的 Web 应 用 由 客户 端 和 服务 器 端 两 部 分 构成 。 客 户 端 仅 需 
要 一 个 可 以 访问 檬 入 aspx 页 面 报表 的 浏览 器 就 可 以 了 。 服 务 器 端 需要 安装 水 晶 报表 引擎 
(Crystal Report Engine (CREngine. dll) ) ,通过 它 可 以 完成 一 些 任务 ,如 在 报告 文件 中 合并 
数据 ,转换 报告 为 其 他 格式 等 。 也 正 是 因为 报告 引擎 的 作用 , 才 可 以 将 ASP.NET 水 晶 报 表 
转换 成 为 普通 HTML 格式 页 面 。 

ASP.NET 水 晶 报 表 在 水 晶 报 表 设 计 器 (Crystal Report Designer (CRDesigner. dll)) 
中 创建 ,在 设计 器 中 可 以 设计 标题 .插入 数据 公式、 图 表 、 子 报表 等 。 

水 晶 报表 文件 以 . rpt 作为 文件 扩展 名 。 执 行 报表 中 的 第 一 步 就 是 在 水 晶 报表 设计 器 
接口 创建 此 报表 ,在 默认 安装 中 微软 已 经 提供 了 一 些 现 成 的 . rpt 例子 。 

水 唱 报 表 文 件 连接 数据 库 的 方式 一 般 有 两 种 : 一 种 是 不 需要 编写 代码 ,由 水 晶 报表 自 
已 选择 数据 库 ;， 另 一 种 是 编写 代码 手动 组 装 数据 集 DataSet, 然 后 将 数据 传送 到 表 报 文件 。 

可 以 通过 水 晶 报表 查看 器 来 呈现 水 晶 报表 。 水 晶 报 表 查 看 控件 是 一 个 WebForm 控 
件 , 可 以 将 它 看 成 是 一 个 在 . aspx 页 面 中 存放 报表 的 容器 。 在 一 些 复 杂 的 操作 中 ,报表 服务 
器 与 Web 服务 器 可 能 不 在 同一 物理 主机 上 ,Web 服务 器 将 HTTP 请 求 传送 到 报表 服务 器 
上 去 。 水 晶 报 表 也 可 以 当 作 WebService 执行 。 

Crystal Reports 通过 数据 库 驱 动 程序 与 数据 库 连 接 。 每 个 驱动 程序 都 被 编写 为 可 处 
理 特定 数据 库 类 型 或 数据 库 访 问 技术 。 为 了 向 开发 人 员 提 供 最 灵活 的 数据 访问 方法 ， 
Crystal Reports 数据 库 驱 动 程序 被 设计 为 可 提供 数据 访问 的 Pull 模式 和 Push 模式 。 

(1) Pull 模式 

报表 被 请 求 时 ,水晶 报表 直接 根据 指定 的 驱动 连接 数据 库 , 然 后 组 装 数据 。 在 拉 模 式 
中 ,驱动 程序 将 连接 到 数据 库 并 根据 需要 将 数据 * 拉 ?进来 。 使 用 这 种 模式 时 ,与 数据 库 的 连 
接 和 为 了 获取 数据 而 执行 的 SQL 命令 都 同时 由 Crystal Reports 本 身 处 理 , 不 需要 开发 人 
员 编 写 代 码 。 如 果 在 运行 时 无 须 编 写 任何 特殊 代码 , 则 使 用 拉 模 式 。 

(2) Push 模式 

推 模式 需要 开发 人 员 编 写 代 码 连接 到 数据 库 , 执 行 SQL 命令 创建 与 报表 中 的 字段 匹 
配 的 记录 集 或 数据 集 ,并 且 将 该 对 象 传递 给 报表 。 该 方法 可 以 从 Web. Config 配置 文件 中 
获取 连接 共享 ,并 在 Crystal Reports 收 到 数据 之 前 先 将 数据 筛选 出 来 。 通 过 编写 代码 连接 


数据 库 并 组 装 DataSet ,将 数据 集 传送 至 报表 。 在 这 种 情况 下 ,通过 使 用 连接 共享 以 及 限制 
记录 集合 的 大 小 ,可 以 使 报表 性 能 最 大 化 。 

水 晶 报 表 设 计 器 能 够 直接 将 报表 添加 到 工程 ,也 能 够 使 用 独立 的 报表 对 象 。 报 表 类 型 
有 类 型 化 报表 (Strongly-typed) 和 非 类 型 化 报表 (Un-Typed) 。 

(1) Strongly-typed 报表 

当 报表 文件 加 入 到 项 目 中 去 时 , 它 就 变 成 了 一 个 了 strongly-typed 报表 。 在 这 些 情况 
下 ,将 拥有 直接 创建 报表 的 对 象 的 权力 ,这 将 减少 一 些 代码 并 且 能 够 提供 一 些 性 能 。 

(2) Un-Typed 报表 

这 里 的 报表 是 独立 的 报表 对 象 , 并 不 直接 包含 在 项 目 中 ,因此 称 为 un-typed 报表 。 在 
这 种 情况 下 ,可 以 使 用 水 晶 报 表 的 ReportDocuemt 对 象 建立 一 个 实例 ,并 且 手 动 地 调用 
报表 。 


9.4 项 目 实施 
下 面 通过 4 个 任务 来 介绍 水 晶 报表 的 使 用 。 


9.4.1 任务 9-1 使 用 水 晶 报 表 Pull 模式 显示 订单 列表 


1. 任务 介绍 


水 晶 报表 的 Pull 模式 通过 直接 连接 数据 库 获 得 报表 所 需要 的 数据 。 首 先 用 水 品 报表 
设计 器 设计 报表 文件 ,在 报表 文件 中 添加 直接 连接 数据 库 的 数据 集 。 其 次 使 用 报表 查看 器 
关联 报表 文件 ,报表 查看 器 嵌入 到 aspx 页 面 中 。 最 后 以 Web 页 面 方式 向 用 户 展现 报表 。 
本 任务 将 讨论 水 晶 报 表 Pull 模式 的 实现 过 程 。 


2. 任务 分 析 


Pull 模式 的 使 用 主要 分 为 两 个 步骤 : 创建 直接 连接 数据 库 的 水 唱 报 表 文 件 和 使 用 水 品 
报表 查看 器 呈现 水 晶 报 表 。 使 用 水 晶 报表 设计 器 的 数据 库 专 家 打开 “OLE DB(ADO) 数 据 
连接 ”对 话 框 ,在 对 话 框 中 连接 数据 库 , 连 接 数 据 库 时 需要 配置 访问 数据 库 的 账户 和 密码 。 
在 代码 隐藏 类 中 创建 报表 对 象 ,将 报表 文件 加 载 到 报表 对 象 中 ,并 实现 报表 对 象 与 报表 查看 
器 的 绑 定 。 数 据 表 将 使 用 项 目 8 中 的 t_order 订单 基本 表 。 

(1) 创建 使 用 数据 库 的 水 晶 报表 文件 

在 BookShop 解决 方案 中 添加 水 晶 报表 文件 ,首先 单 击 鼠 标 右键 打开 “添加 新 项 ”对 话 
框 ,如 图 9-1 所 示 。 选 择 “Crystal 报表 ” 图标, 在“ 名称” 一 栏 的 文本 框 中 输入 
“CrystalReportPull. rpt” 文 件 名 ,“ 语 言 ”选择 Visual C#”, 单 击 “ 添 加 ”按钮 将 打开 “Crustal 
Reports 库 ” 对 话 框 ,如 图 9-2 所 示 。 

在 图 9-2 中 选择 “作为 空白 报表 ”选项 , 单 击 “ 确 定 ” 按 钮 进入 水 晶 报 表 设 计 器 界面 ,如 
图 9-3 所 示 。 水 晶 报 表 设计 器 的 左 侧 是 “字段 资源 管理 器 ,可 以 对 水 晶 报 表 运 用 “公式 字 
段 ?“ 和 运行 总 计 字 段 *“ 特 殊 字 段 ? 等 。 水 晶 报 表 设 计 器 右 侧 是 报表 设计 区 ,报表 设计 区 由 
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图 9-2 “Crustal Reports 库 ” 对 话 框 图 9-3 水 晶 报表 设计 器 界面 


5 个 部 分 组 成 。 报 表 头 ,可 以 为 整个 报表 设计 一 个 统一 的 表 头 。 页 眉 ,为 报表 要 显示 的 每 列 
数据 设置 一 个 列 名 。 详 细 资 料 , 要 显示 的 报表 每 列 数据 的 详细 内 容 , 一 般 该 列 是 数据 库 表 的 
记录 。 页 脚 , 当 分 页 显示 时 ,共有 多 少 页 ,当前 是 第 几 页 等 与 当前 页 相关 的 信息 一 般 在 页 脚 
设计 。 报 表 尾 ,统计 与 汇总 信息 设计 在 报表 尾 。 

在 水 晶 报 表 设 计 器 的 字段 资源 管理 器 中 打开 数据 库 字 段 的 快捷 菜单 (在 “数据 库 字 段 ” 
选项 上 右 击 ) ,选择 快捷 菜单 的 “数据 库 专家 ”打开 数据 库 专家 的 配置 界面 ,在 配置 界面 中 可 
以 进行 直接 访问 数据 库 的 配置 。 如 图 9-4 和 图 9-5 所 示 。 

在 数据 库 专 家 配置 界面 中 展开 “创建 新 连接 ”, 再 展开 “OLE DBCADO)”, 打 开 “OLE DB 
(ADO)” 对 话 框 ,如 图 9-6 所 示 。 选 择 对 话 框 中 提供 程序 “Microsoft OLE DB Provider for 
SQL Server”, 单 击 “ 下 一 步 ” 按 钮 将 显示 连接 数据 库 的 连接 信息 ,如 图 9-7 所 示 。 连 接 信息 
界面 提示 输入 服务 器 、 用 户 ID、 密 码 、 数 据 库 。 依 提示 输入 信息 单 击 “ 下 一 步 ” 按 钮 进入 “高 
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图 9-5 创建 SQLServer 数据 库 连接 
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bsoft OLE DB Provider 
b ovi der 
der for SOL 
ovider 


使 用 数据 链接 文件 厂 
Wicrosoft 数据 桂 按 文件 。 门 一 


oS a | mw | 


图 9-6 “OLE DB(ADO)” 对 话 框 


级 信息 ”设置 界面 如 图 9-8 所 示 。, 单 击 * 完 成 ?按钮 ,数据库 NetBook 将 添加 到 数据 库 专 家 界 
面 , 如 图 9-9 所 示 。 


(orz mp G00 Tk 
连接 信息 
提供 登录 到 | 选 定 的 数据 源 所 需 的 信息 。 
i 
用 户 z: EE: | 
密码 包 ); Cr 
数据 库 四 ) FE 了 
集成 安全 (1): 一 


| my | 


图 9-7 填写 连接 信息 


了 到 
高 级 信息 
通过 双击 属性 或 选择 尾 性 并 按 “ 编 辑 值 ”按钮 来 更 新 尾 性 值 。 


值 
Locale Identifier 2052 
Connect Timeout 15 
Ganeral Tineout 0 
OLE DB Services -5 
Current Language 
Initial File Nane 
Vse Encryption for Data 0 
Replication server name conne 
Tag with colunn collation whe... 0 
4 昌 


编辑 值 O). | 删除 属性 @E) | 


《上 一 步 @) | 下 一 步 吨 >| 完成 | 取消 


9-8 ”编辑 属性 值 


ET 2 
| 


浏览 具 要 用 来 添加 表 的 数 项 淹 - 
5 请 在 “ 选 定 的 表 ” 权 中 选择 该 表 ,然后 单 击 选 定 内 容 或 按 


图 9-9 添加 数据 库 表 


将 NetBook 数据 库 中 的 订单 表 t_order 筛选 到 数据 库 专 家 对 话 框 的 右 侧 栏 “ 选 定 的 表 ” 
区 域 , 单 击 * 确 定 "按钮 ,完成 了 在 水 晶 报 表 设 计 器 中 添加 数据 库 表 的 操作 。 图 9-10 中 的 “ 数 
据 库 字段 "选项 下 面 将 会 出 现 选 中 的 表 t_order, 展 开 表 将 显示 该 表 所 有 的 字段 。 


TBT 


避 

日 国 t_order 
四 0rderID 

四 VserNane 

上 OrderDate 
om OrderState 
om RealNane 

om Mddress 

om ZipCode 

om phone 

am NobileTel 
om Email 

上 ConpleteDate 


9-10 ”添加 订单 表 的 水 晶 报 表 设计 器 


将 字段 OrderID( 订 单 编号 )、.RealName( 姓 名 )、Address (配送 地 址 ) .ZipCode (邮编 )、 
Phone (联系 电话 ) 和 OrderDate (订购 日 期 ) 拖 放 到 设计 区 域 的 Section3( 详 细 资 料 ) 区 域 ， 
并 将 页 眉 区 的 英文 标题 改 为 中 文 标题 。 设 计 结 果 如 图 9-11 所 示 。 

报表 一 般 会 设置 一 个 统一 的 表 头 ,下 面 的 步骤 将 在 Session1( 报 表 头 ) 为 报表 添加 表 头 。 
在 报表 头 区 域 右 击 打开 快捷 菜单 ,在 快捷 菜单 中 选择 * 插 入”, 然 后 选择 二 级 菜单 中 的 “文本 
对 象 "。 文 本 对 话 框 将 添加 到 鼠标 停留 的 地 方 ,在 对 话 框 中 输入 “客户 订单 ”。 为 使 报表 头 美 


» OrderID 


ealNane ,DrderDate 


EE 


| 
[下 主 报表 加 主 报表 预览 | Tx 


9-12 插入 文本 对 象 


观 一 些 ,可 以 使 用 “文本 对 象 ”的 快捷 菜单 打开 “格式 编辑 器 ”, 对 文本 字体 、 大 小 、 颜 色 等 进行 
设置 。 如 图 9-12 和 图 9-13 所 示 。 

使 用 “黑体 ”“ 常 规 ” 样 式 、 大 小 设 为 18、 颜 色 设 为 “黑色 ”设置 的 报表 头 如 图 9-14 所 示 。 

(2) 使 用 水 晶 报表 查看 器 查看 Pull 模式 订单 报表 

使 用 水 品 报表 查看 器 可 以 将 报表 文件 说 入 到 aspx 页 面 。 在 解决 方案 中 添加 页 面 文件 
OrderReport. aspx。 选 择 工具 箱 的 菜单 “报表 ”下 的 控件 CrystalReportViewer 拖 放 到 页 面 ， 
打开 OrderReport. aspx. cs 后 台 代 码 文 件 。 

在 代码 隐 含 类 中 首先 添加 如 下 的 两 行 命名 空间 : 


using CrystalDecisions. CrystalReports. Engine; 
using CrystalDecisions. Shared; 


图 9-14 报表 布局 结果 


然后 定义 ReportDocument 对 象 变量 用 于 加 载 报表 文件 。 
ReportDocument reportDoc = new ReportDocument(); 


最 后 在 Page_Load 函数 中 添加 加 载 报表 的 代码 ,并 将 报表 对 象 绑 定 到 水 晶 报 表 查 看 器 
中 显示 。 报 表 文 件 访问 数据 库 , 需 要 连接 数据 库 的 信息 ,可 以 使 用 TableLogOnInfo 类 


实现 。 


protected void Page_Load(object sender, EventArgs e) 
{ 


reportDoc = new ReportDocument(); 
reportDoc. Load( Server. MapPath("~ /Report/CrystalReportPull. rpt")); 


TableLogOnInfo logOnInfo = new TableLogOnInfo(); 

foreach( CrystalDecisions. CrystalReports. Engine. Table tb in reportDoc. Database. Tables){ 
logOnInfo = tb.LogOnInfo; 
logOnInfo. ConnectionInfo. ServerName = "."; 
logOnInfo. ConnectionInfo. DatabaseName = "NetBook"; 
logOnInfo. ConnectionInfo. UserID = "sa"; 
logOnInfo. ConnectionInfo. Password = "sqlserver"; 
tb. ApplyLogOnInfo( logOnInfo); 

} 

CrystalReportViewer1. ReportSource = reportDoc; 

CrystalReportViewer1.DisplayGroupTree = false; 


了 后 的 结果 如 图 9-15 所 示 。 运 行 结果 除 支 持 Web 方式 显示 外 ,也 支持 将 报表 


导出 成 PDF 、Excel 等 多 种 格式 的 文档 。 


FONT TS ES 
客户 订单 

订单 号 。 守 户 要 名 配送 地 址 邮编 电话 

100072 。 别 哮 第 州 信息 职业 技术 学 院 213164 86458375 
100074 。 嘲 哇 常州 信息 职业 技术 学 院 213164 86458375 
100075 。 嘲 哮 常州 信息 职业 技术 学 院 213164 86458375 
100076 。 闵 圳 芬 1 第 州 武进 牛 塘 k; 213163 C86392594 
100077 哇哇 第 州 信息 职业 技术 学 院 213164 86458375 
100076 。 噶 哪 常州 信息 职业 技术 学 院 213164 96458375 
100079 。 噶 哪 集 州 信息 职业 技术 学 院 213164 86458375 
100090 哇哇 第 州 信息 职业 技术 学 院 213164 86458375 
100081 。 别 哮 常州 信息 职业 技术 学 院 213164 86458375 
100062 。 哇哇 党 州 信息 职业 技术 学 院 213164 86458375 
100083 。 嘟 哪 第 州 信息 职业 技术 学 院 213164 86458375 
100084 。 别 嘟 第 州 信息 职业 技术 学 院 213164 86458375 
100085 。 哪 哪 案 州 信息 职业 技术 学 院 213164 86458375 
100086 哇哇 常州 信息 职业 技术 学 院 213164 36458375 
100087 。 别 哪 第 州 信息 职业 技 相 学 院 213164 86456375 
100088 。 闵 惠 芬 富 州 武进 大 学 城 信息 学 院 213163 85458375 
100089 。 闵 惠 苍 富 州 武进 大 学 城 信息 学 院 213163 86458375 
100090 。 岗 喜 共 常州 武进 牛 塘 213163 86458375 
100091 。 闵 惠 芬 常州 武进 牛 塘 213163 86458375 
100092 。 闵 评 芬 委 州 起 进 咎 墙 213163 C86458375 
100093 。 闵 刘 和 苍 常州 武进 牛 塘 213163 86456375 
100094 。 闵 惠 芬 窜 州 武进 牛 墙 213163 86456375 
100095 。 闵 喜 和 苍 第 州 武进 牛 墙 213163 86458375 
100096 。 闵 囊 共 党 州 武进 牛 塘 213163 86458375 
100097 。 阅 喜 芬 常州 武进 牛 塘 213163 86458375 
100098 。 阅 喜 芳 常州 武进 牛 塘 213163 85458375 
100099 。 闵 评 共 人 第 州 武进 牛 塘 213163 。。 864583T5 
100100 闵 圳 芬 常州 武进 牛 墙 213163 865458375 
100101 。 问 囊 共 第 州 武进 牛 塘 213163 B6458375 


9-15 订单 运行 结果 


3. 任务 完成 总 结 


使 用 Pull 模式 访问 水 晶 报表 ,是 使 用 OLE DB(ADO) 数 据 库 连 接 驱动 将 数据 库 表 直接 
添加 到 水 品 报表 文件 中 ,页 面 呈 现 水 晶 报 表 时 ,通过 水 晶 报表 查看 器 访问 水 晶 报表 文件 ,水 
唱 报表 文件 直接 从 数据 库 中 * 拉 ?数据 ,加 载 到 报表 文档 对 象 中 ,并 将 报表 文档 对 象 绑 定 到 查 
看 器 上 显示 。 需 要 注意 的 是 水 品 报表 文件 访问 数据 库 的 连接 驱动 需 配 置 账户 和 密码 ,同时 
代码 加 载 结果 集 也 需要 配置 访问 数据 库 的 账户 和 密码 。 


4. 课堂 训练 与 知识 拓展 


项 目 4 中 给 出 网 上 书店 数据 库 中 记录 图 书 详细 信息 的 表 t_book。 使 用 Pull 模式 设计 
报表 文件 显示 t_book 表 中 字段 bookid( 图 书 ID) 、bookname( 图 书 书 名 、publisher( 图 书 出 版 
社 ) .pubdate( 出 版 时 间 ) 和 price( 图 书 价格 ) 信 息 。 


9.4.2 任务 9-2 使 用 水 晶 报表 Push 模式 设计 客户 订单 报表 


1. 任务 介绍 


任务 9-1 中 讨论 了 Pull( 拉 ) 模 式 水 晶 报 表 的 使 用 ,下 面 讨 论 Push( 推 ,模式 水 晶 报表 的 
使 用 。Push 模式 首先 要 创建 一 个 强 类 型 DataSet 数据 集 , 然 后 创建 报表 文件 ,并 将 报表 文 
件 指 定 给 数据 集 。 在 代码 中 访问 数据 库 , 并 将 结果 存储 到 数据 集中 ,由 数据 集 推送 给 报表 文 
件 。 这 种 用 代码 推送 数据 的 方式 与 Pull 直接 使 用 数据 库 连接 驱动 访问 数据 库 的 方式 是 有 
区 别 的 ,一 个 是 主动 获取 数据 ; 一 个 是 被 动 获取 数据 。 需 要 注意 的 是 在 Push 模式 中 编程 组 
装 的 Dataset 里 的 SQL 语句 中 的 字段 要 与 水 晶 报表 里 的 SQL 语句 字段 一 致 。 简 单 地 说 ， 
Push 模式 中 的 水 晶 报 表 是 个 模板 ,把 在 设计 器 里 报表 的 格式 设计 好 后 ,再 组 装 DataSet 就 
可 以 生成 报表 了 。 

本 任务 中 将 使 用 Push 模式 建立 客户 订单 报表 。 


2. 任务 分 析 


先 建立 DataSet 数据 架构 文件 OrderDataSet. xsd, 以 后 将 用 它 生成 强 类 型 数据 集 ,数据 
架构 文件 中 包含 订单 字段 OrderID( 订 单 编号 )、RealName( 姓 名 )、Address (配送 地 址 )、 
ZipCode (邮编 )、Phone (联系 电话 ) 和 OrderDate (订购 日 期 )。 创 建 报表 文件 
CrystalReportPush. rpt, 将 报表 文件 指定 给 架构 文件 生成 的 强 类 型 数据 集 。 在 aspx 页 面 上 
拖 放 一 个 水 晶 报 表 查 看 器 控件 CrystalReportViewer, 同 时 将 其 与 报表 文件 关联 ,在 代码 中 
访问 数据 库 并 把 数据 存 和 人 DataSet。 请 求 报表 文件 时 ,数据 集 将 数据 推送 到 报表 文件 。 通 
过 以 上 步骤 实现 水 晶 报 表 的 Push 模式 。 

(1) 创建 报表 文件 数据 集 

创建 Push 模式 的 数据 集 要 使 用 解决 方案 中 的 添加 新 项 功能 。 打 开 “ 添 加 新 项 ”对 话 
框 ,选择 “Visual Studio 已 安装 的 模板 ”中 的 “数据 集 ”, 命 名 创建 包含 DataSet 类 的 XML 架 
构 文 件 “OrderDataSet. xsd”, 语 言 使 用 “Visual C#”, 如 图 9-16 所 示 。 单 击 “ 添 加 ”按钮 ,应 


用 程序 将 打开 数据 集 设 计 器 。 从 工具 箱 中 将 TableAdapter 控件 拖 放 到 数据 集 设计 界面 , 打 
开 “TableAdapter 配置 向 导 ” 对 话 框 的 选择 数据 库 连 接 界面 ,如 图 9-17 所 示 。 
1 
a EE 
Yiswal Studie 已 安装 的 模板 


报表 向 导 类 


加 
i 
名 称 吕 : NoraerDataset. xsd 
语言 U): Visual C# 司 3 代 区 文件 中 国 ) 

厂 选择 母 
[CEmw]_ ww | 
图 9-16 添加 数据 集 
1 

选择 您 的 数据 连接 

指定 连接 数据 库 所 必需 的 连接 字符 囊 。 二 四 

BD 

应 用 程序 连接 数 磊 库 应 使 用 哪个 数 磊 连接 (ED)? 
一 一 一 一 间 当 连 接 


过 连接 字符 串 E) 


图 9-17 “TableAdapter 配置 向 导 ” 对 话 框 


选择 Web. config 配置 文件 中 的 连接 “NetBookConnectionString”, 单 击 “ 下 一 步 ” 按 钮 
进入 配置 向 导 的 “选择 命令 类 型 ”对话 框 ,如 图 9-18 所 示 。 选 择 第 一 项 “使 用 SQL 语句 ”, 单 
击 “ 下 一 步 ” 按 钮 进入 图 9-19 所 示 的 输入 SQL 语句 界面 。 

在 输入 SQL 语句 界面 文本 输入 框 中 输入 访问 数据 库 的 SQL 语句 ,语句 代码 如 下 : 

SELECT [OrderID] 


, [RealName] 
,[Address] 


TableAdapter 配置 向 导 下 | 
选择 命令 类 型 Lm dE 
TableAdapter 使 用 SQL 语句 或 存储 过 程 。 | Pm] 3 


TableAdapter 应 如 何 访问 数 舌 库 ? 

从 用 SQL 语 柯 GG) 
记过 注 PnL 王 癌 ,如果 您 提供 一 个 单 表 SELECT 语句 ， 向 导 可 为 作 生 成 IISER、WPDATE 和 
DELETE 日 


个 创建 新 存 久 过 程 C) 


a ep 如 果 悠 提供 一 个 单 表 SELECT 语句 ,向 导 可 


个 使 用 现 有 存储 过 程 了) 
为 每 个 全 令 SELECT、 TISERT、UPDATE 和 DELETE 选择 一 个 现 有 的 存储 过 程 。 


《上 一 步 中 完成 困 取消 > 


图 9-18 TableAdapter 配置 向 导 下 的 “选择 命令 类 型 "对 话 框 


Hy 
输入 SQL 语句 可 
Tablehdapter 使 用 此 语 各 返回 的 洲 据 填充 其 DatsTsble。 EE 四 


键入 SQL 语句 或 使 用 查询 生成 器 来 进行 构建 。 表 中 应 装 入 哪些 数据 ? 
表 中 应 装 入 哪些 数据 @E)? 


当 
高 级 过 顶风， 查询 生成 器 @) 


《上 一 步 中 | 下 一 步 咱 >| _ 完成 中 取消 月 


图 9-19 TableAdapter 配置 向 导 “ 输 入 SQL 语句 ” 


[ZipCode] 
, [Phone] 
, [OrderDate] 
FROM [NetBook]. [dbo]. [t_order] 


输入 SQL 查询 语句 后 ,在 上 述 界面 中 单 击 “下 一 步 ?按钮 ,进入 为 数据 集 添加 方法 的 界 


面 ,如 图 9-20 所 示 。 使 用 系统 默认 方法 , 单 击 * 下 一 步 按 钮 进入 向 导 结果 界面 ,如 


所 示 , 单 击 * 完 成 ?按钮 ,完成 使 用 向 导 配 置 数据 集 的 过 程 。 


图 9-21 


到 
选择 要 生成 的 方法 2 
TableAdapter 方法 在 应 用 程序 和 数据 库 之 间 加 载 和 保存 数据 。 EL 卫 


要 格 哪些 方法 添加 到 TableAdapter? 
A 


句 = 钙 ， 让 其 使 用 DataTsble 或 数据 集 作为 参数 ， 并 执行 在 上 一 页 中 输入 的 SQL 语句 或 


方法 看 = ia 
证 返回 DataTable (B) 
奖 碟 人 的 DataTable 并 用 在 上 一 页 中 输入 的 SQL 语句 或 SELECT 存 钱 过 程 


TT 
太 创 建 方法 以 格 更 新 直接 发 送 到 数 笑 库 (GenerateDBDirectlethods) (W) 
创 哇 可 进行 调用 以 将 单个 行 更 疏 直接 发 送 到 激 据 奋 的 Insert、Update 和 Delete 方法 。 


《上 一 步 中 | 下-- 步 加 >| [元 成 四 ] 取消 2 


图 9-20 选择 要 生成 的 方法 


1 
向 导 结 果 = 
查看 向 导 已 执行 的 任务 列表 。 单 击 “ 完 成 ”以 完成 向 导 ， 或 单 击 “ 上 一 步 ”以 | 和 1 
进行 更 改 。 


已 成 功 配置 DataTable "t_erder” 和 “t_orderTablehdapter”。 
详细 信息 


要 格 这 些 组 件 添加 到 数据 集中 ， 请 单 击 “ 完 成 ”。 


‘tsm | 7 Sm°|[ RRv | mw 


9-21 向导 结果 


完成 数据 集 配置 后 ,将 在 数据 集 设计 器 中 产生 OrderDataSet. xsd 数据 架构 文件 。 架 构 
文件 数据 集 如 图 9-22 所 示 。 

(2) 设计 关联 数据 集 的 报表 文件 

使 用 解决 方案 的 添加 新 项 功能 添加 一 个 使 用 Push 模式 的 水 晶 报表 文件 ,文件 命名 
CrystalReportPush. rpt, 添 加 过 程 与 Pull 模式 类 似 。 在 给 水 晶 报 表 文 件 分 配 数据 集 时 不 同 
于 Pull 模式 。Pull 模式 是 使 用 “数据 库 专 家 ”的 “OLE DB(ADO)? 数 据 库 驱动 直接 连接 数 
据 库 。Push 模式 是 使 用 “数据 库 专 家 ”中 “项 目 数据 ”选项 下 的 “ADO .NET 数据 集 ”实现 数 
据 库 的 访问 。 


展开 “数据 库 专家 ”的 可 用 数据 库 选 项 <ADO .NET 数据 集 ”, 在 “ADO .NET 数据 集 ” 下 
显示 步骤 (1) 中 创建 的 数据 架构 文件 生成 的 数据 集 OrderDataSet ,将 OrderDataSet 数据 集 
添加 到 “数据 库 专 家 ”的 右 侧 " 选 定 的 表 ” 文 本 框 ,如 图 9-23 所 示 。 


ETTS33 3x 


浏览 上 任 要 用 来 添加 表 的 数 项 源 - 
2 要 编辑 表 的 别名 ,请 在 “ 选 定 的 表 ” 树 中 选择 该 表 ,类 后 单 击 选 定 内 容 或 按 
可 用 数据 源 (4) : 违 定 的 表 G@) ; 
日 本 OrderDataSet 
t_order 


昌国 M0. ET 数据 集 
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t_ord: 


下 0rderID 
ResalNane 
Address 
ZipCode 


Phone 
DrderDate 


网 t_orderTableAdapter [A 
图 9-22 订单 数据 架构 图 9-23 报表 文件 关联 数据 集 


在 上 述 界 面 中 单 击 “ 确 定 ” 按 钮 ,将 在 Push 模式 报表 设计 器 界面 的 字段 资源 管理 器 的 
数据 库 字 段 下 建立 t_order 数据 表 , 数 据 表 的 字段 与 OrderDataSet 数据 集中 表 t_order 字段 
对 应 。 表 的 名 称 使 用 数据 集中 的 表 名 称 。 设 计 界 面 如 图 9-24 所 示 。 


辕 组 名字 隐 
年 运行 总 计 字 耻 
由 起 性 央 字 隐 

四 一 未 拓 定 在 从 


9-24 ”Push 模式 报表 文件 设计 器 界面 


(3) 使 用 水 晶 报 表 查 看 器 查看 Push 模式 订单 报表 

建立 Push 模式 水 晶 报 表 显 示 页 面 文件 OrderPushReport. aspx, 从 WebForm 工具 栏 中 拖 
动 水 晶 报 表 查 看 器 控件 Crystal Report Viewer 至 OrderPushReport. aspx 页 面 中 。 使 用 Push 模 
式 水 晶 报表 需要 访问 数据 库 , 除 引用 水 晶 报表 命名 空间 外 ,还 需 使 用 访问 SQLServer 数据 库 的 
命名 空间 System. Data. SqlClient。 在 页 面 隐藏 类 文件 OrderPushReport. aspx. cs 中 添加 如 
下 3 个 命名 空间 : 

using System. Data. SqlClient; 


using CrystalDecisions. CrystalReports. Engine; 
using CrystalDecisions. Shared; 


在 Page_Load 方法 中 添加 加 载 数据 库 数据 到 数据 集 的 代码 ,并 添加 指派 数据 集 到 报表 
文件 的 代码 ,代码 实现 过 程 如 下 : 
protected void Page Load(object sender, EventArgs e) 
{ 
// 建 立 水 晶 报表 对 象 


ReportDocument reportDoc = new ReportDocument(); 


// 建 立 XSD 数据 集 对 象 
OrderDataSet ords = new OrderDataSet(); 


try { 
// 加 载 数据 集 
OrderDataSetTableAdapters. t_orderTableAdapter da = new OrderDataSetTableAdapters.t_ 
orderTableAdapter( ); 
da. Fill(ords. t_order); 


// 加 载 水 晶 报 表 文件 
reportDoc. Load( Server. MapPath("~ /Report/CrystalReportPush. rpt")); 


// 指 派 数 据 集 到 水 晶 报表 对 象 
reportDoc. SetDataSource(ords); 


} 
catch (System. Exception ex) { 
throw new Exception(" 数 据 处 理 错误 !"，ex); 


} 
// 绑 定 报表 文件 到 水 晶 报 表 查 看 器 
CrystalReportViewer1. ReportSource = reportDoc; 
CrystalReportViewer1.DisplayGroupTree = false; 


) 
在 浏览 器 中 浏览 页 面 OrderPushReport. aspx, 可 以 获得 与 图 9-15 类 似 的 报表 。 


3. 任务 完成 总 结 


本 任务 中 实现 了 水 晶 报 表 Push 模式 的 使 用 。 首 先 创 建 XSD 架构 文件 ,并 生成 强 类 型 
数据 集 ,将 要 显示 的 数据 库 中 的 订单 表 t_order 及 字段 映射 到 数据 集 ,然后 创建 报表 文件 ， 
将 报表 文件 与 数据 集 关 联 , 最 后 在 aspx 页 面 中 使 用 报表 查看 器 呈现 水 晶 报 表 。 代 码 中 需 将 
数据 集 加 载 到 报表 文件 中 。 程 序 在 运行 时 ,数据 集 从 数据 库 取 数据 推送 到 报表 中 。 


4. 课堂 训练 与 知识 拓展 


使 用 Push 模式 设计 水 晶 报表 显示 任务 9-1 中 课堂 训练 与 拓展 中 任务 ,显示 t_book 表 
中 字段 bookid( 图 书 ID)、bookname( 图 书 书 名 ) 、publisher( 图 书 出 版 社 )、pubdate( 出 版 时 
间 ) 和 price( 图 书 价格 ) 信 息 。 


9.4.3 任务 9-3 设计 订单 和 订单 商品 明细 主 从 报表 


1. 任务 介绍 
在 报表 中 ,有 许多 报表 是 主 从 表 结 构 , 比 如 订单 与 订单 商品 明细 ,订单 基础 信息 是 订单 
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基础 表 中 的 一 条 记录 ,订单 商品 明细 信息 是 订单 明细 表 中 多 条 记录 ,两 张 表 通过 订单 编号 关 
联 ,这 种 具有 主 从 数据 关系 的 报表 可 利用 水 晶 报 表 分 组 功能 实现 。 本 任务 将 介绍 网 上 订单 
的 订单 基础 表 和 订单 明细 表 的 主 从 报表 实现 。 


2. 任务 分 析 


建立 主 从 报表 主要 从 如 下 几 个 步骤 来 进行 。 首 先 要 建立 主 从 报表 数据 集 , 将 订单 基础 
表 和 订单 明细 表 添 加 到 数据 集中 ,可 以 使 用 任务 9-2 中 的 方法 先 建立 主 从 报表 架构 文件 , 然 
后 再 生成 强 类 型 数据 集 。 

(1) 建立 订单 主 从 报表 数据 集 架 构 

本 步骤 中 将 使 用 服务 器 资源 管理 器 建立 主 从 报表 的 数据 集 MasterDetailDataset。 在 解 
决 方案 中 创建 MasterDetailDataset. xsd 文件 ,打开 数据 集 设计 器 界面 。 从 “服务 器 资源 管 
理 器 ”中 选择 “数据 连接 ”, 如 果 *“ 数 据 连 接 ” 菜 单 下 没有 访问 NetBook 数据 库 的 连接 , 则 使 用 
“数据 连接 ”快捷 菜单 “添加 新 连接 ”功能 添加 一 个 连接 NetBook 数据 库 的 连接 。 打 开 
NetBook 数据 库 连接 下 的 表 菜 单 ,将 NetBook 数据 库 “ 表 ”下 的 t_order 表 和 t_orderdetail 
表 添加 到 订单 主 从 表 设 计 器 界面 。 通 过 订单 号 关联 两 张 表 ,如 图 9-25 所 示 。 


orderID 
BookID 
Unitprice 
中 gasntity 
AppraiseFlag 
Booklane 


名 torderdetailTableAdspter 因 


到 Fill, GetData | 


ConpleteDate 
orderlleno 


-re 


a Fill, GetData O 


图 9-25 订单 主 从 报表 数据 架构 文件 


(2) 建立 订单 主 从 报表 文件 

使 用 水 晶 报 表 数 据 库 专家 添加 数据 集 。 打 开 数 据 库 专家 对 话 框 ,展开 可 用 数据 源 “ 项 目 
数据 "下 "ADO.NET 数据 集 ”, 将 “MasterDetailDataset” 数 据 集 添加 到 “ 选 定 的 表 ” 区 域 , 数 
据 集中 包含 两 张 具有 主 从 关系 的 表 t_order 和 t_orderdetail, 如 图 9-26 所 示 。 单 击 “ 链 接 ” 选 
项 卡 ,选择 “ 按 关键 字 ” 建 立 链接 ,将 两 张 表 按 订单 号 链接 在 一 起 ,如 图 9-27 所 示 。 

使 用 报表 专家 将 数据 集 添加 到 水 晶 报表 设计 器 中 后 ,在 设计 器 界面 “字段 资源 管理 器 ” 
的 “数据 库 字 段 " 下 多 出 两 张 表 “t_order” 和 “t_ordertail”, 在 设计 器 区 右 击 ,选择 “报表 ”下 的 
“组 专家 ”。 将 “可 用 字段 ”区 域 的 “t_order. OrderID” 选 择 到 右 侧 “分 组 依据 ”中 ,依据 订单 号 
建立 分 组 ,如 图 9-28 所 示 。 使 用 任务 9-1 和 任务 9-2 中 所 介绍 的 方法 , 拖 动 字 段 到 设计 区 
域 。 设 计 结 果 如 图 9-29 所 示 。 

(3) 使 用 水 晶 报表 查看 器 查看 主 从 报表 

在 解决 方案 中 建立 页 面 文件 MasterDetailOrderReport. aspx, 将 工具 栏 中 水 晶 报 表 查 
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可 用 数据 条 &) : 选 定 的 表 @) : 
G -NasterDetsilDataSet 
日 - 回 AD0. 三 T 数据 集 国 t_order 
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t_order - 
国 t_orderdetsil 
由 -局 DraerDataset 
国 . 亚 T 对象 
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图 9-26 数据库 专 家 添加 主 从 报表 数据 集 


| 
数据 链接 | 
将 亚 加 到 报表 中 的 表 链 接 在 一 起 . 
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DBookID UserNane 
UnitPrice OrderDate 
gaantity OrderState 
AppraiseFlae 可 ReslNlene 


| 
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图 9-27 数据 库 专家 建立 主 从 报表 链接 


可 用 字段 (A) : 

日 昌 报表 字段 
torder OrderID 
mm torder OrderDate 
mm torder Realline 
四 torder Mddress 
om t_order ZipCode 
ee terdar Phone 
ee terderdetail .BookID 
中 terdarietail UnitPrice 
mt_erderdetail guantity 
or Ar dot nil Ron 


训 览 数据 中 ). 查找 字段 四 


图 9-28 “组 专家 ”对 话 框 
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文件 四 栅 往 加) 视图 网站) 生成 @) 滑 式 四) 数 舌 W) 格式 KE) Cryztal Bapertz 有 工具 四 分 析 虽 ”窗口 如 村 动 色 
ET IEEETEE jpipe “村 了 次 轿 居 工 虽 外 站 着 国 | 时 加 名 | 局 


上 : 


了 uamtit -Unitprice 


姆 合 刍 开 trl+ 人 attW，Ctrl+ALtH) 下 最 博信 。 


图 9-29 使 用 主 从 报表 设计 器 设计 报表 


选择 报表 源 ， [CrystalReportSourcel 


配置 报表 源 
= 
厅 局 用 工具 栏 
厅 局 用 姐 树 
克 启用 报表 视图 


厅 局 用 数据 库 登 录 提 示 
厅 启用 报表 参数 提示 
厂 刷新 报表 时 重新 使 用 参数 信 


9-30” 主 从 报表 aspx 页 面 设计 


看 器 控件 CrystalReportViewer 和 水 唱 报 表 数 据 源 控件 CrystalReportSource 添加 到 页 面 
上 ,产生 CrystalReportViewerl 和 CrystalReportSourcel 两 个 实例 。 打 开水 品 报 表 查 看 器 
控件 CrystalReportViewerl 的 智能 感应 开关 ,选择 报表 源 CrystalReportSourcel ,其 他 选项 
选 默认 值 。 建 立 水 唱 报表 查看 器 和 水 晶 报表 数据 源 的 联系 ,如 图 9-30 所 示 。 

下 面 的 代码 完成 建立 强 类 型 数据 集 ,以 及 向 水 晶 报表 推送 数据 的 过 程 。 

protected void Page_Load(object sender, EventArgs e) { 


// 实 例 化 数据 集 
MasterDetailDataSet mdDataSet = new MasterDetailDataSet(); 


// 构 建 数据 集 与 订单 明细 表 的 关联 
MasterDetailDataSetTableAdapters. t_ orderdetailTableAdapter detailda = new MasterDe- 
tailDataSetTableAdapters.t_orderdetailTableAdapter( ); 


detailda. Fill(mdDataSet.t_orderdetail); 


// 构 建 数据 集 与 订单 基础 表 的 关联 
MasterDetailDataSetTablehdapters.t_orderTablehdapter orderda = new MasterDetailData- 
SetTableAdapters. t_orderTableAdapter( ); 


orderda. Fill(mdDataSet. t_order); 


// 加 载 水 晶 报表 文件 
CrystalReportSourcel. ReportDocument. Load ( Server. MapPath( " ~ /Report/CrystalReportMas- 
terDetail. rpt")); 


// 为 水 晶 报表 文档 对 象 指定 数据 集 
CrystalReportSourcel. ReportDocument. SetDataSource( mdDataSet); 
》 


代码 执行 后 产生 如 图 9-31 所 示 的 结果 。 左 侧 一 列 为 主 报表 订单 号 , 右 侧 一 列 为 每 张 订 
单 的 主 辅 明细 。 


前 切 [ 主 8 素 可 fioo%] 。。 ois 
100,072 

100,074 客户 订单 

100.076 he Ee 

100,077 和 

100,078 地 址 I 

100,079 联系 电话 0450375 

100,080 邮编 213164 

100,081 订购 日 其 2008-5-18 11:21:16 

100,082 

100,083 图 书 编号 图 书 书 名 数量 单价 
100,084 1 明 朝 那些 事 儿 i 18.00 
100,085 

100,086 


图 9-31 主 从 报表 结果 Web 显示 
3. 任务 完成 总 结 
本 任务 中 讨论 了 主 从 报表 的 设计 过 程 。 需 要 注意 的 是 建立 报表 数据 集 时 ,要 将 主 表 和 
从 表 添 加 到 报表 数据 集中 ,并 在 数据 集中 建立 主 从 表 的 主 外 键 的 关系 。 具 体 设 计 报 表 时 需 
要 建立 一 个 分 组 ,依据 分 组 字段 建立 主 从 报表 连接 。 
4. 课堂 训练 与 知识 拓展 


图 书 分 为 若干 个 类 别 , 每 一 类 别 下 有 许多 图 书 ,建立 图 书 类 别 和 图 书 明细 之 间 的 主 从 
报表 。 


9.4.4 任务 9-4 建立 图 书 销售 量 统计 图 表 


1. 任务 介绍 


用 图 表 描 述 统计 数据 比较 直观 ,一 目 了 然 。 本 任务 中 将 讨论 网 店 图 书 销售 量 统计 图 表 
的 制作 方法 ,讨论 使 用 直方 图 显示 依据 图 书 类 别 统计 图 书 销售 量 。 


2. 任务 分 析 


使 用 图 表 显示 统计 数据 ,首先 必须 建立 绘制 统计 图 所 需要 的 数据 集 , 建 立 数据 集 过 程 可 
以 参考 本 章 中 的 任务 9-2 和 任务 9-3 中 介绍 的 方法 进行 。 按 图 书 类 别 统 计 图 书 销售 量 , 要 
建立 包含 图 书 类 别 的 销售 订单 明细 ,只 有 处 理 完毕 的 销售 订单 才能 够 加 入 统计 过 程 。 建 立 
数据 集 后 ,使 用 报表 专家 将 数据 集 添 加 到 报表 设计 器 。 使 用 报表 设计 器 的 插入 图 表 功 能 在 
报表 设计 器 中 绘制 销售 量 统计 图 表 。 最 后 建立 报表 显示 页 面 ,在 页 面 上 使 用 报表 查看 器 关 
联 报表 文件 ,使 用 Push 模式 显示 查询 结果 。 
(1) 建立 订单 销售 明细 数据 集 
从 订单 基础 表 t_order 和 订单 明细 表 t_orderdetail 中 可 以 获取 订单 详细 资料 。 订 单 基 
础 表 t_order 中 的 字段 OrderState 描述 了 订单 的 状态 , 当 OrderState 的 值 为 "1 时 表示 订 
单 已 经 处 理 完毕 ,订单 明细 中 的 销售 数据 可 以 参与 销售 量 的 统计 。 图 书 类 别 信息 存储 在 
类 别 表 t_category 中 。 图 书 基本 信息 表 t_book 中 存储 了 图 书 类 别 ID(categoryID)。 销 售 
订单 明细 表 t_orderdetail 中 存储 了 图 书 ID(BookID)。 订 单 基础 表 t_order、 订 单 明 细 表 
t_orderdetail、 图 书 基本 信息 表 t_book 和 图 书 类 别 表 t_category 通过 主 外 键 关联 。 
建立 销售 订单 明细 视图 vw_OrderSaleDetail, 视图 中 包含 订单 编号 OrderID、 图 书 编号 
BookID、 书 名 BookName、 订 购 数 量 Quantity, 订购 单价 UnitPrice、 图 书 类 别 ID 
categoryID、 图 书 类 别名 称 categoryName。 
创建 订单 销售 明细 视图 的 SQL 语句 如 下 : 
Create view vw_OrderSaleDetail as 
select d.OrderID 
vd. BookID 
,d. BookName 
vd.Quantity 
vd.UnitPrice 
vc. categoryID 
,Cc.categoryName 
from t_order o,t_orderdetail d,t book b,t category c 
Where b. categoryID = c. categoryID 
and d. BookID = b. bookID 
and o. OrderID= d. OrderID 
and o. OrderState= '1' 
要 对 图 书 的 销售 量 进行 分 类 汇总 ,只 需 对 销售 订单 明细 视图 vw_OrderSaleDetail 中 的 
字段 订购 数量 Quantity 按 图 书 类 别名 称 categoryName 进行 分 组 汇总 就 可 以 了 。 获 取 依 据 
图 书 类 别 统计 销售 量 的 SQL 语句 如 下 : 


select SUM(Quantity) as SumQuantity 
,CategoryName 

from vw_OrderSaleDetail 

group by categoryName 


本 任务 中 执行 上 述 SQL 语句 得 到 表 9-1 所 示 的 数据 : 
表 9-1 执行 SQL 语句 后 结果 
类 别 教育 少儿 生活 艺术 
销售 量 (本 ) 6 2 和. 31 


建立 数据 架构 文件 SaleDataSet. xsd, 将 视图 vw_ [SF 
OrderSaleDetail 添加 到 架构 文件 设计 器 中 ,建立 包含 OrderID 


图 书 类 别 的 销售 订单 明细 数据 集 。 如 图 9-32 所 示 。 Be 
(2) 建立 销售 量 分 类 统计 直方 图 报表 文件 ear 
建立 图 书 销售 量 统计 直方 图 报表 文件 分 为 两 步 。 | cases 


一 是 使 用 数据 库 专 家 将 数据 集 添加 到 报表 设计 器 ; 二 呈 2 一 
是 在 报表 设计 器 中 插入 图 表 。 在 解决 方案 中 添加 报表 
文件 CrystalReportChart. rpt, 使 用 数据 库 专家 添加 数 


据 集 SaleDataSet 到 报表 设计 器 ,如 图 9-33 所 示 。 在 报 


图 9-32 包含 图 书 类 别 的 销售 


表 设 计 器 空白 区 右 击 ,使 用 快捷 菜单 插入 图 表 功能 汪 人 
加 图 标 , 如 图 9-34 所 示 。 
到 zx 

a | 

浏览 您 要 用 来 添加 表 的 数 磊 源 - 

要 的 名， 清正“ 过 证 的 表 ” 村 中 过 拓 后 音 击 二 内容 或 近 

lie 5 选 定 的 表 避 ) : 

Se 数据 集 站 人 


图 9-33 使 用 数据 库 专家 添加 销售 订单 明细 数据 集 


使 用 插入 图 表 功 能 将 打开 水 晶 报表 的 “图 表 专 家 ”对 话 框 ,选择 “图 表 专 家 ”对 话 框 中 “类 
型 "选项 卡 ,图 表 类 型 区 域 将 显示 条 形 图 、 折 线 图 、 饼 图 等 多 种 图 表 类 型 。 本 任务 中 使 用 直方 
图 描述 图 书 分 类 统计 销售 量 , 因 此 选择 “条 形 图 "作为 图 表 类 型 ,“ 条 形 图 ”布局 采用 “垂直 ” 布 


9-34 ”使 用 报表 设计 器 插入 图 表 


图 9-35 ”图 书 分 类 销售 量 统计 图 表 “ 类 型 "选项 卡 


局 方式 ,如 图 9-35 所 示 。 
设置 了 图 表 类 型 后 ,需要 设置 图 表 数 据 。 图 表 类 型 是 图 表 在 呈现 时 ,采用 的 图 形 化 表示 
方式 ,呈现 图 表 所 需要 的 参数 可 以 使 用 图 表 数 据 功 能 选项 设置 。 图 9-36 中 “可 用 字段 "文本 


选择 框 中 上 方 显示 报表 字段 ,下 方 显示 ADO.NET 数据 集 表 字段 。 将 数据 集 表 字段 当中 的 
图 书 类 别名 称 字 段 categoryName 作为 分 类 统计 条 件 添加 到 “变更 主体 "下方 文本 框 中 。 将 
订单 销售 明细 数据 集中 销售 量 字段 Quantity 作为 汇总 统计 字段 添加 到 “显示 值 * 区 域 , 单 击 
“设置 汇总 运算 ?按钮 打开 图 9-37 所 示 的 “编辑 汇总 ”对 话 框 ,选择 字段 Quantity 作为 汇总 
字段 ,在 “计算 此 汇总 ” 栏 中 选择 汇总 方式 * 求 和 ”。 做 了 上 述 设 置 之 后 ,报表 在 运算 时 将 自动 
按 图 书 类 别 对 图 书 销售 量 进行 分 类 求 和 汇总 ,并 以 直方 图 形式 显示 。 
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图 9-36 图 书 分 类 销售 量 统计 图 表 “ 数 据 ? 选 项 卡 


图 表 文本 功能 选项 卡 可 以 设计 统计 图 表 的 标题 、 Coal 
副标题 .脚注 .数据 标题 等 内 容 。 图 9-38 显示 了 图 表 这 近 要 总 的 字 及 
专家 "文本 "选项 卡 的 设置 项 。“ 标 题 "分 组 区 的 设置 [SEE 
项 是 图 表 常 用 的 基本 设置 ,去 掉 * 自 动 添加 文字 ? 选 BE _ _ 司 
项 ,设置 “标题 ?为 “ 按 图 书 类 别 统计 销售 量 ”, 设 置 “ 组 
标题 "为 “图 书 类 别 ”, 设 置 数据 标题 为 “图 书 销售 量 "， | 六 wagiasw 
其 他 内 容 为 空 。 “格式 ”分 组 区 可 以 对 各 标题 选项 的 。 | 30， se 的 加 
字体 进行 设置 。 当 完成 设置 后 单 击 “ 确 认 ” 按 钮 将 报 二 
表 设 计 器 中 显示 可 视 化 的 样 表 ,如 图 9-39 所 示 。 = 

在 样 表 上 右 击 ,选择 “图 表 选 择 ”. 继 续 选 择 二 级 。 图 9-37 图 书 分 类 销售 量 统计 图 表 
菜单 “模板 ”将 打开 “选择 图 表 类 型 ”对话 框 ,如 图 9-40 “编辑 汇总 ”对 话 框 
所 示 。 在 “图 库 ” 选 项 卡 中 选择 “柱状 图 ”, 布 局 使 用 
“成 徐 ”, 勾 选 “ 使 用 深度 " 复 选 框 ,经 过 上 述 设置 后 将 会 获得 具有 立体 感 的 直方 图 。 单 击 “ 确 
认 ” 按 钮 完成 设置 。 

(3) 使 用 报表 查看 器 显示 统计 结果 图 

在 解决 方案 中 添加 页 面 文件 SaleSumReport. aspx, 在 页 面 上 添加 水 唱 报表 查看 器 控件 
CrystalReportViewerl 和 水 唱 报 表 数 据 源 控件 CrystalReportSourcel。 将 报表 数据 源 绑 定 


9-39 图 书 分 类 销售 量 统计 图 表 样 表 


到 上 一 步骤 中 设置 的 报表 文件 CrystalReportChart.rpt。 将 报表 查看 器 控件 
CrystalReportViewerl 绑 定 到 报表 数据 源 控件 CrystalReportSourcel。 在 页 面 文件 对 应 的 
隐 含 类 文件 SaleSumReport. aspx. cs 中 添加 加 载 数 据 集 到 报表 文件 的 代码 。 代 码 如 下 : 


有 项 目 9 网 上 书店 报表 设计 -5 让 -----. 


选择 图 表 类 型 下 x|| 
图 押 | 自 定义 | 


EE 
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网 | ee 


Far 


图 9-40 “选择 图 表 类 型 "对话 框 


protected void Page_Load(object sender, EventArgs e) 
{ 

SaleDataSet saleDataSet = new SaleDataSet(); 
SaleDataSetTableAdapters. vw_OrderSaleDetailTableAdapter saleDa = 
new SaleDataSetTableAdapters. vw_OrderSaleDetailTableAdapter( ); 


saleDa. Fill( saleDataSet. vw_OrderSaleDetail); 
CrystalReportSourcel. ReportDocument. Load ( Server. MapPath ( " ~/Report/ 
CrystalReportChart. rpt" )); 
CrystalReportSourcel. ReportDocument. SetDataSource( saleDataSet); 


行 后 的 结果 如 图 9-41 所 示 。 
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图 9-41 图 书 分 类 汇总 销售 量 统计 图 


3. 任务 完成 总 结 


本 任务 中 介绍 了 使 用 水 品 报表 的 图 表 专 家 设计 图 书 分 类 销售 量 汇总 统计 图 的 过 程 。 整 
个 设计 过 程 主要 分 3 个 步骤 进行 , 先 设计 订单 销售 明细 数据 集 , 并 添加 数据 集 到 报表 设计 
器 ,为 报表 提供 数据 支持 ; 然后 在 报表 文件 中 插入 直方 图 ,用 图 形 方式 描述 图 书 分 类 统计 销 
售 量 ; 最 后 将 报表 文件 关联 到 页 面 的 报表 查看 器 控件 上 ,通过 报表 页 面 文件 呈现 查询 结果 。 


4. 课堂 训练 与 知识 拓展 
参照 任务 9-4 建立 图 形 化 报表 的 过 程 ,使 用 饼 形 图 呈现 图 书 分 类 汇总 销售 量 。 


9.5 项 目 总 结 


项 目 9 讨论 了 网 上 书店 报表 设计 ,使 用 VS 2005 自 带 的 水 晶 报 表 控 件 可 以 快速 构建 业 
务 所 需 的 报表 。 水 晶 报 表 使 用 报表 专家 功能 来 布局 ,水 晶 报表 文件 中 的 数据 可 以 从 与 报表 
关联 的 数据 集 获取 ,水 晶 报 表 文 件 获取 数据 时 有 两 种 方法 ,使 用 Pull 模式 从 数据 库 拉 数据 
或 使 用 Push 模式 向 报表 文件 推送 数据 ,在 设计 销售 订单 清单 报表 时 分 别 使 用 Pull 模式 和 
Push 模式 实现 。 具 有 主 从 关系 的 数据 一 般 用 主 从 报表 显示 ,水 晶 报表 可 以 轻松 设计 主 从 报 
表 , 在 设计 订单 基础 信息 和 明细 信息 报表 时 使 用 了 主 从 报表 。 还 有 一 类 报表 是 图 表 , 图 表 可 
以 直观 反映 数据 之 间 的 关系 ,设计 网 上 书店 分 类 销售 量 统计 表 时 使 用 直方 图 表示 。 


9.6 项 目 实 训 


1. 任务 描述 


图 书 入 库 后 需要 打印 图 书信 库 明 细 清 单 、 统 计 每 个 类 目 图 书 入 库 量 。 使 用 水 晶 报表 功 
能 设计 图 书 入 库 明 细 清 单 和 入 库 数量 统计 清单 。 


2. 任务 要 求 


Oa 分 别 使 用 Pull 模式 和 Push 模式 设计 图 书信 库 清单 。 
@ 使 用 直方 图 或 饼 形 图 设计 图 书 入 库 量 分 类 统计 报表 。 


项 目 10 


网 上 书店 Web 认 证 与 授权 管理 


10.1 项 目 介 绍 


项 目 6 讨论 了 使 用 网 站 配置 管理 工具 进行 网 站 安全 设置 ,并 讨论 了 使 用 登录 系列 控件 
解决 网 上 书店 读者 注册 管理 功能 。 本 章 将 介绍 网 上 书店 Web 认证 和 授权 管理 。 几 乎 每 个 
Web 应 用 都 会 涉及 针对 不 同 的 用 户 进行 权限 分 配 的 工作 ,用 户 登录 后 根据 不 同 的 权限 访问 
系统 不 同 资源 和 实现 不 同 的 功能 。 在 ASP .NET 2.0 之 前 ,开发 人 员 需 要 自己 设计 和 开发 
这 样 的 功能 ,ASP.NET 2.0 中 推出 了 成 员 (Membership) 服 务 和 相关 控件 ,大 大 减轻 了 完成 
该 任务 的 工作 量 。 本 项 目 中 将 使 用 Web 授权 机 制 成 员 资格 管理 和 角色 管理 实现 网 上 书店 
Web 认证 和 授权 管理 。 


10.2 项 目 分 析 


网 上 书店 的 Web 认证 和 授权 管理 关键 点 需要 解决 两 个 主要 对 象 的 管理 : 成 员 资 格 管 
理 和 角色 管理 。 成 员 资格 管理 主要 是 管理 具体 用 户 , 包 括 创建 用 户 、 删 除 用 户 、 修 改 用 户 密 
码 和 用 户 授权 等 。 成 员 资格 描述 的 是 用 户 的 身份 ,而 角色 则 是 用 户 所 能 做 的 事情 。 比 如 ,网 
上 书店 管理 有 若干 事情 要 做 ,并 不 是 一 个 人 将 所 有 事情 做 完 ,也 不 是 每 个 人 都 需要 做 每 件 事 
情 , 而 是 需要 对 事情 进行 分 类 ,如 有 处 理 订单 的 事情 .有 维护 系统 的 事情 ,有 管理 财务 的 事 
情 , 当 事情 进行 分 类 后 才 安 排 相 应 的 人 去 做 这 些 事情 ,我 们 把 所 有 类 别 的 事情 可 以 定义 为 角 
色 。 因 此 ,用 户 、 角 色 和 权限 的 关系 可 以 是 这 样 的 一 种 关系 : 用 户 可 以 进入 到 角色 中 也 可 以 
从 角色 中 离开 ,权限 是 赋予 角色 的 ,归属 于 角色 的 用 户 继承 角色 的 权限 。 

本 项 目 中 基于 上 述 思想 来 讨论 网 上 书店 的 Web 认证 与 授权 管理 。 完 成 项 目 需要 分 
3 个 任务 进行 。 第 一 个 任务 使 用 Membership 类 和 MembershipUser 类 创建 用 户 管理 系 
统 ,实现 用 户 注册 ,用户 登录 和 修改 用 户 密 码 的 功能 ,这 一 任务 主要 是 进行 成 员 资 格 管 
理 。 第 二 个 任务 使 用 ASP.NET 网 站 管理 工具 对 网 上 书店 站 点 进行 角色 配置 和 授权 ,介绍 
ASP.NET 网 站 管理 工具 在 Web 认证 和 授权 上 的 应 用 ,使 用 ASP.NET 2.0 网 站 管理 工具 
创建 网 上 书店 的 用 户 角色 ,并 建立 访问 规则 .实现 用 户 管理 。 第 三 个 任务 使 用 Roles 类 创建 
和 管理 角色 ,创建 一 个 简单 的 网 上 书店 角色 管理 系统 ,实现 添加 或 删除 角色 ,实现 将 用 户 分 
配 到 角色 和 从 角色 中 删除 用 户 等 一 些 基本 功能 。 


10.3 相关 知识 


Web 站 点 中 创建 页 面 供用 户 浏览 访问 。 这 些 页 面 可 以 分 成 两 种 类 型 : 一 类 是 无 须 用 
户 提 供 凭证 ,可 以 允许 所 有 用 户 直 接 访问 的 页 面 ; 另 一 类 是 只 允许 部 分 用 户 访问 ,这 部 分 
用 户 必 须 向 Web 站 点 提交 用 户 凭 证 才能 够 访问 受 限 资 源 。 提 交 用 户 凭证 涉及 身份 验证 
和 授权 。 所 谓 的 身份 验收 是 指 确 定 请 求 用 户 身 份 的 行为 ,就 是 告诉 服务 器 发 出 请 求 的 用 
户 是 谁 。 当 用 户 提 交 凭 证 通过 身份 认证 后 需 确定 此 用 户 是 否 可 以 访问 特定 资源 ,这 个 过 
程 称 为 授权 。 


1. Web 应 用 认证 


Web 认证 是 一 个 过 程 ,用户 可 以 通过 这 个 过 程 验证 他 们 的 身份 , 即 解决 在 应 用 中 
“我 是 谁 ?” 的 问题 ,应 用 程序 通过 系统 验证 后 的 标识 可 以 定位 到 唯一 的 用 户 。 通 常用 
户 根 据 已 有 凭证 进入 登录 页 面 ,如 已 输入 被 确认 的 用 户 名 或 密码 。ASP.NET 2.0 提供 
了 4 种 验证 方式 : Windows 验证 ,Passport 验证 ,None 验证 和 Forms 验证 ,默认 为 
Windows 验证 。 

(1) Windows 验证 

Windows 验证 适合 在 企业 内 部 Intranet 站 点 中 使 用 ,该 验证 方式 基于 Windows 用 户 
账号 和 用 户 组 ,可 有 效 控制 用 户 对 未 授权 信息 访问 。 如 企业 Intranet 为 每 个 雇员 分 配 了 
Windows 账号 ,这 些 账 号 可 能 包含 在 不 同 用 户 组 中 。 公 司 的 一 些 重要 文档 只 允许 中 层 主 管 
访问 ,其 他 的 人 员 不 能 访问 ,可 以 使 用 Windows 验证 来 防止 其 他 组 用 户 访问 ,从 而 起 到 保护 
文档 的 作用 。 

Windows 验证 依靠 IIS 执行 所 需 的 身份 验证 。IIS 提供 了 多 种 验证 机 制 来 验证 用 户 身 
份 , 包 括 匿 名 身份 验证 、 集 成 Windows 身份 验证 、 基 本 身份 验证 和 Windows 域 服务 器 摘要 
式 身 份 验证 等 。 在 ASP.NET 中 使 用 WindowsAuthenticationModule 类 实现 Windows 验 
证 ,WindowsAuthenticationModule 类 负责 创建 WindowsPrincipal 和 WindowsIdentity 对 
象 来 表示 经 过 身份 验证 的 用 户 , 并 且 负 责 将 这 些 对 象 附加 到 当前 的 Web 请 求 。 在 IIS 中 配 
置 Windows 认证 的 步 又 如 下 : 

Q@ 打开 IS。 在 “控制 面板 ”中 打开 “管理 工具 ”, 然 后 选中 “Internet 信息 服务 ”, 双 击 
邱 下 < 

@ 打开 身份 验证 对 话 框 。 右 键 选中 默认 网 站 下 的 任 一 虚拟 目录 ,选择 属性 ,打开 “虚拟 
目录 属性 ”对 话 框 。 在 此 对 话 框 中 选择 “目录 安全 性 ”选项 卡 , 在 匿名 访问 和 身份 验证 控制 选 
项 里 单 击 “ 编 辑 ”, 打 开 “ 身 份 验证 ”对 话 框 。 

@ 配置 Windows 身份 验证 。 在 身份 验证 对 话 框 中 色 选 中 “集成 Widows 验证 ” 复 选 
框 。 单 击 “ 确 定 ” 按 钮 。 在 IIS 中 配置 Windows 认证 完成 。 

(2) Passport 验证 

Passport 验证 是 一 个 用 户 身份 验证 服务 。Passport 提供 了 一 个 可 以 在 多 个 网 站 共享 的 
验证 机 制 ,可 以 让 用 户 根据 自己 的 电子 邮件 地 址 和 密码 ,在 任何 支持 Passport 验证 服务 的 
Web 站 点 上 访问 资源 ,并 且 在 注销 离开 时 ,所 有 Passport 相关 信息 都 会 清除 。 因 此 ， 


Passport 验证 适合 跨 站 应 用 。 启 用 Passport 验证 的 Web 站 点 依靠 Passport 中 央 服 务 器 来 
验证 用 户 身份 ,而 不 是 依靠 它们 自己 的 专用 身份 验证 系统 。Passport 中 央 服 务 器 并 不 授权 
或 拒绝 特定 用 户 访问 单个 启用 Passport 的 站 点 ,而 是 由 网 站 来 控制 用 户 的 权限 。 

(3) None 验证 

在 None 验证 方式 下 ASP.NET 将 不 对 请 求 进行 任何 附加 验证 。None 验证 方式 适用 
两 种 情况 。 一 种 是 不 希望 对 用 户 进行 验证 ,例如 ,网 上 书店 的 图 书展 示 页 面 ,可 以 供 任何 用 
户 访 问 。 另 一 种 是 ASP .NET 提供 的 身份 验证 方式 不 满足 应 用 程序 对 身份 验证 的 需要 , 需 
要 实现 自 定义 身份 验证 机 制 。 

(4) Forms 验证 

Forms 验证 是 多 数 Web 应 用 程序 使 用 的 验证 方式 。Forms 验证 本 身 并 不 能 进行 验证 ， 
只 是 使 用 自 定义 的 用 户 界 面 收集 用 户 信息 ,最终 通过 自 定义 代码 实现 验证 。 

Web 应 用 认证 的 设置 方式 ,将 Web. Config 文件 的 一 authentication 二 配置 节 的 mode 
属性 设置 Windows、Forms、Passport 或 None 中 的 一 项 即 可 。 

<configuration> 

< System. web> 


< authentication mode = "[Windows|Forms|Passport|None]"/> 
</system. web> 


</configuration> 

2. 用 户 授权 

用 户 授 权 是 指 确 定 经 身份 验证 的 用 户 是 否 可 以 访问 请 求 资源 的 过 程 。 在 ASP.NET 2.0 
中 主要 包括 以 下 授权 项 。 

(1) 文件 授权 


文件 授权 由 FileAuthorizationModule 类 来 执行 。 它 检查 . aspx 或 .asmx 处 理 程 序 文 
件 的 访问 控制 列表 (ACL) 以 确定 用 户 是 否 应 该 具有 对 文件 的 访问 权限 。ACL 权限 用 于 验 
证 用 户 的 Windows 标识 (如 果 已 启用 Windows 身份 验证 ) 或 ASP.NET 进程 的 Windows 
标识 。 

(2) URL 授权 

URL 授权 由 UrlAuthorizationModule 执行 , 它 将 用 户 和 角色 映射 到 ASP .NET 应 用 
程序 中 的 URL。 这 个 模块 可 用 于 有 选择 地 允许 或 拒绝 特定 用 户 或 角色 对 应 用 程序 的 访问 
权限 。 

在 实际 开发 过 程 中 URL 授权 应 用 最 为 广泛 ,首先 为 用 户 设置 角色 ,然后 再 对 角色 进行 
URL 授权 ,这 样 提高 了 授权 管理 的 效率 和 可 控 性 。 下 面 重点 介绍 URL 授权 。 

使 用 URL 授权 方式 主要 处 理 3 个 问题 。 一 是 允许 或 者 拒绝 特定 用 户 或 用 户 组 访问 ; 
二 是 允许 或 拒绝 特定 角色 访问 ; 三 是 允许 或 拒绝 基于 不 同 HTTP 提交 方式 的 访问 ,Get 方 
式 或 Post 方式 。 必 须 对 Web. Config 文件 的 一 authorization 之 配置 节 进 行 设 置 。 在 
< 一 authorization 过 配置 节 中 包含 两 个 重要 的 子 配置 节 一 allow 之 和 一 deny> 。 


<authorization> 
<[allow| deny] users roles verbs /> 


</authorization> 
allow 或 deny 元 素 是 必需 的 。 必 须 指定 users 或 roles 属性 。 可 以 同时 包含 二 者 ,但 这 
不 是 必需 的 。verbs 属性 可 选 。allow 和 deny 元 素 分 别 授予 访问 权限 和 撤销 访问 权限 。 每 
个 元 素 都 支持 表 10-1 所 示 的 属性 。 
表 10-1 URL 授权 元 素 属性 


属性 说 明 


标识 允许 或 拒绝 访问 资源 的 用 户 。 人 允许 使 用 逗号 分 隔 的 列表 来 引用 多 个 用 户 。 此 
外 ,可 以 用 问号 (?) 标识 匿名 用 户 ; 可 以 用 星 号 (* ) 指定 所 有 经 过 身份 验证 的 用 户 


users 


roles 标识 允许 或 拒绝 访问 资源 的 角色 。 人 允许 使 用 逗号 分 隔 的 列表 来 引用 多 个 角色 

定义 操作 HTTP 提交 方式 ,如 GET、HEAD 和 POST。 默 认 值 为 **”, 标 识 支持 所 有 
verbs 

的 HTTP 提交 


下 面 的 示例 对 Kim 标识 和 Admins 角色 的 成 员 授予 访问 权限 ,对 John 标识 和 所 有 匿 
名 用 户 拒绝 访问 权限 : 
<authorization> 
<allow users = "Kim"/> 
<allow roles = "Rdmins"/> 
< deny users = "John"/> 
< deny users = "?"/> 
</authorization> 
下 面 的 过 authorization 之 节 演 示 如 何 授予 John 标识 的 访问 权限 并 拒绝 所 有 其 他 用 户 
的 访问 权限 : 
<authorization> 
<allow users = "John"/> 


< deny users="*"/> 
</authorization> 


可 以 使 用 逗号 分 隔 的 列表 为 users 和 roles 属性 指定 多 个 实体 ,如 下 面 的 示例 所 示 : 
<allow users = "John, Kim, contoso\Jane"/> 


下 面 的 示例 允许 所 有 用 户 对 某 个 资源 执行 HTTP GET 操作 ,但 是 只 允许 Kim 标识 执 
行 POST 操作 : 
<authorization> 
<allow verbs = "GET" users="*"/> 
<allow verbs = "POST" users = "Kim" /> 
< deny verbs = "POST" users = "x "人 > 
</authorization> 
在 实现 用 户 授权 过 程 中 ,应 遵循 以 下 两 个 应 用 规则 : 一 是 应 用 程序 级 别 的 配置 文件 
中 包含 的 规则 优先 级 高 于 继承 的 规则 。 系 统 通过 构造 一 个 URL 的 所 有 规则 的 合并 列表 ， 
其 中 最 近 ( 层 次 结构 中 距离 最 近 ) 的 规则 位 于 列表 头 , 来 确定 哪 条 规则 优先 。 二 是 给 定 应 用 
程序 一 组 合并 的 规则 , ASP .NET 从 列表 头 开 始 ,检查 规则 直至 找到 第 一 个 匹配 项 为 止 。 


ASP.NET 的 默认 配置 包含 向 所 有 用 户 授权 的 二 allow users 王 "* "之 元 素 。( 默 认 情 况 
下 ,最 后 应 用 该 规则 。) 如 果 其 他 授权 规则 都 不 匹配 , 则 允许 该 请 求 。 如 果 找 到 匹配 项 并 且 它 
是 deny 元 素 , 则 向 该 请 求 返回 401 HTTP 状态 代码 。 如 果 allow 元 素 匹 配 , 则 模块 允许 进 
一 步 处 理 该 请 求 。 


3. 成 员 资格 管理 


ASP.NET 成 员 资 格 可 以 验证 和 管理 Web 应 用 程序 的 用 户 信息 。 它 提供 验证 用 户 
和 凭据、 创建 和 修改 成 员 资格 用 户 及 管理 用 户 设置 (如 密码 和 电子 邮件 地 址 ) 等 功能 。 
ASP.NET 成 员 资格 主要 用 于 ASP.NET Forms 身份 验证 。 

ASP.NET 成 员 资格 可 以 将 用 户 信 息 保存 在 所 选 数据 源 中 ,数据 的 操作 类 主要 封装 在 
成 员 资格 管理 API 和 成 员 资格 提供 程序 中 ,因此 ,只 需 很 少 的 代码 就 能 实现 成 员 资格 管理 ， 
提高 了 应 用 程序 开发 效率 。 

ASP.NET 成 员 资 格 主要 由 内 置 成 员 资格 提供 程序 组 成 ,这 些 程 序 与 数据 源 及 
membership 静态 类 进行 通信 。 从 ASP .NET 代码 调用 membership 类 以 执行 用 户 验证 和 
管理 。 

(1) Membership 类 

在 ASP.NET 应 用 程序 中 ,Membership 类 用 于 验证 用 户 赁 据 并 管理 用 户 设置 (如 密码 
和 电子 邮件 地 址 )。Membership 类 可 以 独自 使 用 ,或 者 与 FormsAuthentication 一 起 使 用 
以 创建 一 个 完整 的 Web 应 用 程序 或 网 站 的 用 户 身份 验证 系统 。 

Membership 类 提供 的 功能 可 用 于 以 下 方面 : 

J@ 创建 新 用 户 。 

@ 将 成 员 资 格 信息 (用 户 名 、 密 码 、 电 子 邮 件 地 址 及 支持 数据 ) 存 储 在 Microsoft SQL 
Server 或 其 他 类 似 的 数据 存储 区 。 

@ 对 访问 网 站 的 用 户 进 行 身份 验证 。 可 以 以 编程 方式 对 用 户 进行 身份 验证 ,也 可 以 使 
用 Login 控件 创建 一 个 只 需 很 少 代码 或 无 须 代码 的 完整 的 身份 验证 系统 。 

@ 管理 密码 ,包括 创建 .更改 .检索 和 重 置 密码 等 。 可 以 选择 配置 ASP.NET 成 员 资格 
以 要 求 一 个 密码 提示 问题 及 其 答案 来 对 忘记 密码 的 用 户 的 密码 重 置 和 检索 请 求 进行 身份 

Membership 类 的 CreateUser 方 法 将 新 用 户 添 加 到 数据 存储 区 ,并 返回 新 创建 用 户 
的 MembershipUser 对 象 。CreateUser 方 法 的 最 后 一 个 输出 参数 status 用 于 指示 用 户 
创建 成 功 或 失败 的 原因 。 参 数 status 的 数据 类 型 为 MembershipCreateStatus 类 型 。 
MembershipCreateStatus 枚 举 指示 创建 新 用 户 的 尝试 的 成 功 或 失败 。 如 果 CreateUser 操 
作 失 败 , 则 MembershipCreateStatus 枚 举 描述 失败 的 原因 。CreateUser 的 语法 如 下 : 


public static MembershipUser CreateUser { 


string username, // 用 户 名 
string password, // 密 码 
string email, // 电 子 邮 箱 
string passwordQuestion, // 密 码 问题 
string passwordAnswer, // 问 题 答案 


bool isApproved, // 是 否 批准 新 用 户 登录 


Object providerUserKey, 


// 用 户 标识 


out MembershipCreateStatus status // 指 示 用 户 成 功 创建 或 创建 失败 的 原因 


} 


MembershipCreateStatus 枚 举 值 可 以 参考 表 10-2。 


表 10-2 MembershipCreateStatus 返回 类 型 枚 举 值 


成 员 名 称 说 明 
Success 创建 用 户 成 功 
InvalidUserName 在 数据 库 中 未 找到 用 户 名 
JnvalidPassword 密码 的 格式 设置 不 正确 
JnvalidQuestion 密码 提示 问题 的 格式 设置 不 正确 
JnvalidAnswer 密码 提示 问题 答案 的 格式 设置 不 正确 
JInvalidEmail 电子 邮件 地 址 的 格式 设置 不 正确 
DuplicateUserName 用 户 名 已 存在 于 应 用 程序 的 数据 库 中 


DuplicateEmail 


电子 邮件 地 址 已 存在 于 应 用 程序 的 数据 库 中 


UserRejected 


因为 提供 程序 定义 的 某 个 原因 而 未 创建 用 户 


JInvalidProviderUserKey 


提供 程序 用 户 键 值 的 类 型 或 格式 无 效 


DuplicateProviderUserKey | 提供 程序 用 户 键 值 已 存在 于 应 用 程序 的 数据 库 中 
提供 程序 返回 一 个 未 由 其 他 MembershipCreateStatus 枚 举 值 描述 的 错误 


ProviderError 


Membership 类 依赖 于 成 员 资格 提供 程序 与 数据 源 通信 。.NET Framework 包括 一 个 
SqlMembershipProvider( 将 用 户 信息 存储 在 Microsoft SQL Server 数据 库 中 ) 和 一 个 
ActiveDirectoryMembershipProvider( 人 允许 在 Active Directory 或 Active Directory 应 用 程 
序 模式 (ADAMD) 服 务 器 上 存储 用 户 信息 )。 还 可 以 实现 一 个 自 定 义 成 员 资格 提供 程序 与 可 
由 Membership 类 使 用 的 其 他 类 似 的 数据 源 进行 通信 。 自 定义 成 员 资格 提供 程序 将 继承 
MembershipProvider 抽象 类 。 

默认 情况 下 ,ASP.NET 成 员 资格 可 支持 所 有 ASP .NET 应 用 程序 。 默 认 成 员 资格 提 
供 程序 为 SqlMembershipProvider 并 在 计算 机 配置 中 以 名 称 AspNetSqlProvider 指定 。 
SqlMembershipProvider 的 默认 实例 配置 为 连接 到 Microsoft SQL Server 的 一 个 本 地 实例 。 

(2) MembershipUser 类 

MembershipUser 类 主要 实现 对 具体 用 户 的 信息 检索 、 密 码 管理 等 功能 。Membership 
类 与 MembershipUser 类 之 间 有 着 密切 关系 ,体现 在 两 个 方面 : 一 是 二 者 都 是 成 员 资格 管 
理 API 的 核心 类 ,都 是 实现 与 成 员 资格 管理 有 关 的 功能 ; 二 是 利用 Membership 类 中 都 是 
有 关 创 建 用 户 .获取 用 户 等 方法 ,能够 创建 MembershipUser 类 对 象 , 由 此 ,可 以 对 具体 用 户 
的 信息 进行 检索 与 管理 。 

4. 角色 管理 

网 上 书店 系统 功能 对 不 同 用 户 进 行 授权 访问 。 授 权 访问 可 以 通过 角色 来 管理 ,把 用 户 
映射 到 角色 上 ,然后 再 给 角色 授权 ,映射 到 角色 的 用 户 享 有 角色 内 的 权限 。ASP .NET 2.0 
提供 的 基于 角色 的 授权 方式 将 整个 控制 过 程 分 为 两 个 步骤 : 首先 ,访问 权限 与 角色 关联 ; 
其 次 ,角色 与 用 户 关 联 , 从 而 实现 了 用 户 与 访问 权限 的 逻辑 分 离 。 管 理 人 员 授 权时 仅 为 角色 


授权 ,其 影响 的 是 角色 中 多 个 用 户 ,这 种 设计 方式 提高 了 权限 管理 的 效率 与 可 控 性 。 当 用 户 
的 职位 发 生变 化 时 ,只 要 删除 为 该 用 户 分 配 的 角色 ,然后 设置 代表 新 职位 的 角色 即 可 。 委 派 
用 户 到 角色 不 需要 复杂 的 技术 ,可 由 行政 管理 人 员 执行 ,配置 权限 到 角色 的 工作 比较 复杂 ， 
需要 一 定 的 技术 ,可 以 由 专门 的 技术 人 员 来 承担 ,这 一 过 程 与 现实 中 的 工作 过 程 一 致 。 

建立 角色 的 主要 目的 是 提供 一 种 管理 用 户 组 访问 规则 的 便捷 方法 。 创 建 用 户 , 然 后 将 
用 户 分 配 到 角色 。 典 型 的 应 用 是 创建 一 组 受 限 访问 的 页 面 , 这 组 页 面具 有 某 些 用 户 可 以 访 
问 。 通 常 的 做 法 是 将 这 些 受 限制 的 页 面 单独 放 在 一 个 文件 夹 内 。 然 后 ,可 以 使 用 网 站 管理 
工具 定义 允许 和 拒绝 访问 受 限 文件 夹 的 规则 。 例 如 ,可 以 配置 站 点 以 使 成 员 和 经 理 可 以 访 
问 受 限 文件 夹 中 的 页 面 ,并 拒绝 其 他 所 有 用 户 的 访问 。 如 果 未 被 授权 的 用 户 尝 试 查看 受 限 
制 的 页 面 ,该 用 户 会 看 到 错误 消息 或 被 重 定向 到 指定 的 错误 处 理 页 面 。 

若 要 使 用 角色 ,必须 能 够 识别 应 用 程序 中 的 用 户 , 以 便 可 以 确定 用 户 是 否 属 于 特定 角 
色 , 可 以 对 应 用 程序 进行 配置 ,以 两 种 方式 建立 用 户 标识 : Windows 身份 验证 和 Forms 身 
份 验证 。 如 果 应 用 程序 在 局 域 网 ( 即 在 基于 域 的 Intranet 应 用 程序 ) 中 运行 , 则 可 以 使 用 用 
户 的 Windows 域 账户 名 来 标识 用 户 。 在 这 种 情况 下 ,用 户 的 角色 是 该 用 户 所 属 的 
Windows 组 。 在 Internet 应 用 程序 和 其 他 不 适合 使 用 Windows 账户 的 方案 中 ,可 以 使 用 
Forms 身份 验证 来 建立 用 户 标 识 。 对 于 此 任务 ,通常 是 创建 一 个 页 面 ,用 户 可 以 在 该 页 面 
中 输入 用 户 名 和 密码 ,然后 对 用 户 凭据 进行 验证 。ASP.NET 登录 控件 可 以 执行 其 中 的 大 
部 分 工作 ,也 可 以 创建 登录 页 面 并 使 用 FormsAuthentication 类 建立 用 户 标识 。 

角色 管理 还 提供 了 一 个 API, 可 使 用 该 API 以 编程 方式 确定 用 户 是 否 属于 某 角 色 。 这 样 
能 够 编写 利用 角色 的 代码 ,基于 用 户 是 谁 和 基于 用 户 所 属 的 角色 来 执行 所 有 应 用 程序 任务 。 

若 要 使 用 ASP.NET 角色 管理 ,需要 在 应 用 程序 的 Web. Config 文件 中 启用 它 : 


< roleManager 
enabled = "true" 
cacheRolesInCookie = "true" > 
</roleManager > 


10.4 项 目 实施 
下 面 通过 3 个 任务 来 讨论 网 上 书店 认证 与 授权 管理 。 


10.4.1 任务 10-1 使 用 Memship 类 和 MemshipUser 类 创建 
用 户 管理 系统 


1. 任务 介绍 


项 目 6 中 介绍 了 使 用 登录 系列 控件 完成 网 上 书店 用 户 登 录 与 注册 管理 功能 。 当 创建 一 
个 多 用 户 站 点 时 ,对 用 户 进行 管理 也 可 以 使 用 Membership 类 和 MembershipUser 类 来 实 
现 , 本 任务 中 将 介绍 使 用 Membership 类 和 MembershipUser 类 创建 网 上 书店 的 用 户 管理 
系统 ,此 系统 主要 实现 用 户 注册 ,用 户 登录 ,更 改 密码 功能 。 


2. 任务 分 析 


一 个 简单 的 网 站 用 户 管理 系统 至 少 包含 三 个 功能 : 用 户 注册 、 用 户 登 录 \ 修 改 密码 。 本 
任务 中 将 首先 使 用 Membership 类 和 MembershipCreateStatus 类 实现 用 户 注册 功能 ,调用 
Membership 类 的 CreateUser 方法 ,将 用 户 输入 的 注册 信息 写 入 数据 库 , 对 数据 库 读 写 操 作 
是 否 成 功 ,系统 会 返回 一 个 MembershipCreateStatus 枚 举 类 型 的 状态 码 , 通 过 状态 码 可 以 
知道 成 功 与 否 , 以 及 不 成 功 的 原因 。 在 实现 用 户 的 登录 功能 时 使 用 Membership 类 
ValidateUser 方法 对 输入 的 用 户 名 和 密码 进行 验证 , 如 果 验 证 通过 就 可 以 调用 
FormsAuthentication 类 的 SetAuthCookie 方法 将 用 户 名 写 和 人 Cookie, 并 创建 身份 验证 票 ， 
以 供 在 授权 页 面 使 用 。 修 改 密码 需要 授权 ,用 户 登录 后 进入 修改 密码 页 面 ,首先 判断 User. 
Identity. IsAuthenticated 是 否 为 真 , 即 判断 用 户 是 否 经 过 了 身份 验证 。 如 果 是 授权 用 户 , 则 
调用 Membership 类 的 GetUser 方法 获取 用 户 对 象 , 然 后 调用 用 户 对 象 的 ChangePassword 
方法 完成 用 户 密码 修改 。 

(1) 实现 用 户 注册 功能 

在 网 上 书店 项 目 解决 方案 中 添加 一 个 Users 文件 夹 ,然后 在 Users 文件 下 添加 文件 
AddUser. aspx, 打 开设 计 界 面 ,设计 用 户 输入 信息 : 用 户 名 、 输 入 密码 、 重 新 输入 密码 、 邮 
箱 .密码 问题 .密码 答案 。 对 每 个 文本 输入 框 使 用 必 填 验证 控件 进行 输入 必 填 验证 ,对 输入 
密码 和 重新 输入 密码 使 用 比较 验证 控件 进行 一 致 性 校 验 , 保 证 两 次 输入 密码 一 致 。 设 计 界 
面 如 图 10-1 所 示 。 


| 重新 输入 密码 厂 ” ”重新 答 入 窑 码 不 为 空 | 。 两 次 窗 码 输入 不 一 歼 ! 
邮箱 了 不 为 空 
室 码 问题 FE 不 为 定 
密码 答案 不 为 空 ! 


| 输入 注册 信息 


[lblfsg] 


图 10-1 注册 输入 界面 设计 


在 页 面 的 “输入 注册 信息 ”按钮 的 Click 事件 中 输入 验证 添加 用 户 是 否 成 功 的 代码 : 


protected void Button1_Click(object sender, EventArgs e) { 
MembershipCreateStatus status; 
Membership. CreateUser (txtUserName. Text 
, txtPassword. Text 
, txtEmail. Text 
, txtQuestion. Text 
7 txtAnwser. Text 
7 true 
, out status); 


if (status == MembershipCreateStatus. Success){ 
lblMsg. Text = "恭喜 ! 注 册 成 功 !"; 
} 


else{ 


lblMsg. Text = "注册 失败 ! 请 检查 !"; 


代码 中 使 用 Membership 类 的 CreateUser 方法 注册 用 户 , 如 果 用 户 注册 成 功 , 则 输出 
参数 status 返回 值 是 表 10-2 中 的 “Success”。 

浏览 AddUser. aspx 页 面 ,创建 一 个 新 用 户 ,用户 详细 信息 如 下 : 

用 户 名 : zhangsan 

密码 : zhangsan@126. com 

邮箱 : zhangsan@163. com 

密码 问题 : 我 是 谁 ? 

密码 答案 : zhangsan 

单 击 * 添 加 用 户 ” 按 钮 ,页 面 显示 添加 用 户 成 功 的 信息 “恭喜 ! 注册 成 功 !"。 打 开 ASP.NET 
网 站 管理 工具 ,我 们 看 到 刚才 添加 的 用 户 已 经 存在 。 

(2) 实现 用 户 登录 功能 

在 Users 文件 夹 下 添加 文件 Login. aspx, 设 计 用 户 登 录 界 面 ,登录 界面 中 的 输入 内 容 
为 用 户 名 和 密码 ,分别 用 文本 控件 接受 输入 。 在 界面 上 再 放置 两 个 Button 按钮 ,一 个 Text 
属性 设置 为 “登录 ”; 另 一 个 Text 属性 设置 为 “添加 用 户 ”, 如 图 10-2 所 示 。“ 添 加 用 户 ” 按 
钮 的 PostBackUrl 属性 指向 AddUser. aspx 文件 , 单 击 该 按钮 时 ,可 以 导向 注册 界面 。 


用 户 名 : 
室 码 : 


登录 | 添加 用 户 | 


图 10-2 用 户 登录 


编写 "登录 ”按钮 的 btnLogin _Click 事件 : 


protected void btnLogin Click(object sender, EventArgs e) { 
if (Membership. ValidateUser (txtUserName. Text, txtPassword. Text)) { 
FormsAuthentication. SetAuthCookie(txtUserName. Text, false); 
Response. Redirect ("~ /Web/MyBookShop. aspx" ); 


F 


代码 中 使 用 Membership 类 的 ValidateUser 方法 验证 用 户 , 需 要 两 个 参数 “用 户 名 ”和 
“密码 ”。 如 果 验 证 通过 方法 返回 布尔 值 True, 和 否则 返回 布尔 值 False。 验 证 通过 后 使 用 
FormsAuthentication 类 的 SetAuthCookie 方法 将 用 户 名 写 入 Cookie, 自 动 创建 身份 验证 
票 。 方 法 SetAuthCookie 的 第 二 个 参数 是 个 逻辑 值 , 值 为 True, 表 示 浏 览 器 关闭 后 ,验证 票 
仍然 有 效 ; 值 为 False, 则 关闭 浏览 器 后 验证 票 失效 ,需要 重新 登录 。 

上 述 代 码 验 证 需要 配置 Web. Config 文件 : 

<authentication mode = "Forms"> 


< forms loginUrl = "~ /Web/Users/Login. aspx"/> 
</authentication> 


在 目标 页 面 文件 MyBookShop. aspx 的 页 面 隐藏 类 MyBookShop. aspx . cs 的 Page_ 
Load 方法 中 使 用 User. Identity. IsAuthenticated 的 返回 值 来 判断 用 户 是 否 有 权 访 问 该 页 。 
如 果 验 证 票 有 效 , 则 返回 值 为 True, 表 示 有 权 访 问 该 页 ,否则 导向 登录 页 面 强制 用 户 登 录 。 

证 (!User. Identity. IsAuthenticated) 

Response. Redirect(" 一 /Web/Login.aspx" ); 

} 

(3) 实现 更 改 登录 用 户 密码 功能 

在 Users 文件 夹 下 添加 页 面 文件 ChangePassword. aspx, 设 计 修 改 密码 界面 ,密码 修改 
需要 输入 用 户 名 和 原 密码 ,使 用 Forms 认证 ,用 户 名 从 User. Identity. Name 中 获取 , 原 密 
码 由 界面 输入 。 需 要 修改 的 新 密码 从 界面 输入 ,新 密码 需要 进行 一 次 重复 验证 ,可 以 由 比较 
验证 控件 完成 。 页 面 上 放置 一 个 Button 按钮 ,按钮 显示 “更 改 密码 ”。 页 面 设 计 如 图 10-3 


所 示 。 
原 密 码 ; 
新 密码 : 
重复 奉 友 | 窑 码 不 区 配 
更 本 机 
图 10-3 更 改 密码 


“更 改 密码 ”按钮 的 Click 事件 代码 如 下 : 


protected void btnChangePassword_Click(object sender, EventArgs e) { 
MembershipUser user = Membership.GetUser(User. Identity. Name); 
if (user. ChangePassword(txtOldPassword. Text, txtNewPassword. Text)) { 
Response. Write(" 用 户 密 码 更 改 成 功 "); 
} 
} 
使 用 Membership 类 的 GetUser 方法 获取 用 户 对 象 ,参数 为 用 户 名 ,返回 值 数据 类 型 为 
MembershipUser 类 型 ,将 结果 保存 到 user 变量 中 ,调用 user 的 ChangePassword 方法 完成 密码 
修改 ,ChangePassword 方法 需要 两 个 参数 : 第 一 个 参数 是 旧 密 码 ; 第 二 个 参数 是 新 密码 。 


3. 任务 完成 总 结 


本 任务 主要 介绍 使 用 Membership 类 和 MembershipUser 类 实现 编写 代码 完成 网 上 书 
店 用 户 管理 系统 。 实 现 的 过 程 分 为 3 个 步骤 : 用 户 注册 、 用 户 登录 和 密码 修改 。 用 户 登 录 
使 用 Forms 身份 认证 ,通过 调用 FormsAuthentication 类 的 方法 SetAuthCookie 将 用 户 名 
写 入 Cookie, 创 建 身 份 验 证 票 , 进 入 授权 页 面 首先 验证 用 户 的 合法 身份 ,通过 验证 才 可 以 访 
问 授权 页 。 修 改 密 码 是 通过 ChangePassword 方法 完成 的 ,该 方法 封装 在 MembershipUser 
类 中 。 


4. 课堂 训练 与 知识 拓展 
一 个 比较 完整 的 用 户 管理 系统 ,还 应 包含 修改 用 户 注册 信息 、 删 除 用 户 账户 等 功能 。 使 


用 代码 完善 网 上 书店 的 用 户 管理 功能 ,增加 修改 用 户 注册 信息 的 功能 和 删除 用 户 注册 账户 
的 功能 。 


10.4.2 任务 10-2 使 用 ASP .NET 网 站 管理 工具 对 站 点 进行 
角色 配置 和 授权 


1. 任务 介绍 


ASP.NET 2.0 网 站 管理 工具 除了 可 以 创建 用 户 .管理 用 户 和 选择 身份 验证 类 型 外 ,还 
可 以 启用 角色 ,并 创建 和 管理 角色 ,将 用 户 分 配 到 角色 ,同时 网 站 管理 工具 还 可 以 创建 访问 
规则 和 管理 访问 规则 。 本 任务 将 使 用 ASP.NET 2.0 网 站 管理 工具 创建 网 上 书店 的 用 户 角 
色 , 并 建立 访问 规则 ,实现 用 户 管理 。 


2. 任务 分 析 


打开 ASP.NET 网 站 管理 工具 界面 的 “安全 ”选项 卡 ,应 用 程序 设置 第 2 列 为 角色 设置 ， 
第 3 列 为 访问 规则 设置 。 使 用 角色 设置 需 先 启 用 角色 ,通过 启用 角色 可 以 将 “创建 和 管理 
角色 ”功能 激活 。 使 用 激活 的 功能 可 以 完成 添加 角色 、 删 除 角色 和 将 用 户 分配 到 角色 等 
功能 。 角 色 创 建 好 后 可 以 建立 访问 规则 ,访问 规则 作用 于 文件 夹 ,在 建立 功能 文件 时 ,将 
功能 相近 的 文件 放 在 同一 文件 夹 下 ,便于 授权 管理 。 使 用 规则 允许 或 拒绝 角色 对 文件 夹 
的 访问 。 

(1) 使 用 管理 工具 创建 和 管理 角色 

选择 菜单 栏 功能 菜单 “网 站 ”下 的 “ASP .NET 配置 " 子 菜 单 ,可 以 打开 “ASP.NET 网 站 
管理 工具 ”功能 页 面 。 使 用 网 站 管理 工具 “安全 ”选项 卡 可 以 管理 用 户 、 角 色 和 访问 规则 。 如 
图 10-4 所 示 。 


ASP myrs 
s 


安信 应 用 程 | 


可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 密码 (身份 验证 )， 可 以 创建 角 
色 ( 用 户 组 )， 还 可 以 创建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 规则 )。 


默认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data 文 
件 夹 中 。 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程序 ”选项 卡 选 择 其 他 提供 程序 。 


使 用 安全 设置 向 导 按部就班 地 配置 安全 性 。 


单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 。 


现 有 用 户 : 2 未 局 用 角色 创建 访问 规则 
创建 用 户 局 用 角色 管理 访问 规则 
管理 用 户 创 陡 或 管理 角色 


图 10-4 网 站 管理 工具 “安全 ”选项 卡 


在 网 站 管理 工具 安全 页 面 中 , 单 击 * 启 用 角色 ?激活 “创建 或 管理 角色 ?功能 。 当 启用 角 
色 管 理 后 在 应 用 程序 根 目 录 下 的 Web. Config 的 二 system. web> 节 点 下 已 经 多 了 一 项 配置 
节 二 roleManager enabled 一 "true" /二 。 
修改 二 roleManager enabled 二 "true" /二 配置 项 ,使 用 一 clear/ 二 配置 项 清除 原来 的 角 
色 连 接 提供 程序 。 重 新 定义 角色 连接 程序 AspNetSqlRoleProvider, 使 其 指向 BookShop 应 
用 程序 ,使 用 LocalSqlServer 连接 提供 程序 访问 NetBook 数据 库 。 代 码 如 下 : 
< roleManager enabled = "true"> 
< providers > 
< clear/> 
< add name = "AspNetSqlRoleProvider" 
connectionStringName = "LocalSqlServer" applicationName = "BookShop" 
type = "System. Web. Security. SqlRoleProvider"/> 
</providers> 
</roleManager > 
使 用 “创建 或 管理 角色 ”功能 可 以 进入 创建 新 角色 界面 ,如 图 10-5 所 示 。 创 建 两 个 新 角 
色 “ 订 单 管理 员 ” 和 “系统 管理 员 ”。 


管理 
图 10-5 使 用 网 站 管理 工具 创建 新 角色 


选择 指定 角色 的 管理 功能 可 以 为 角色 分 配 用 户 。 单 击 “ 系 统管 理 员 ”角色 的 “管理 ”功能 
打开 为 角色 分 配 用 户 界面 。“ 搜 索 依 据 ? 下 拉 列 表 框 选择 “用户 名 ”, 在 搜索 文本 框 中 输入 用 
户 名 , 单 击 “查找 用 户 ” 按 钮 查找 指定 用 户 , 也 可 以 使 用 * * ”和 *?” 通 配 符 批量 查找 用 户 。 使 
用 “x* ”通配符 搜索 用 户 的 结果 如 图 10-6 所 示 。 将 用 户 “zhangsan” 勾 选 到 “系统 管理 员 ” 角 
色 中 。 使 用 同样 的 过 程 将 用 户 “netbook” 分 配 到 角色 “订单 管理 员 ” 中 。 


搜索 依据 : | 用户 名 ” 司 搜索 内 容 : 查找 用 户 
交 许 合用 通配符 “ 和 ?。 
ABCDEFGHIJKLMNOPQRSIUVWXYZ 


用 户 属于 角色 


图 10-6 分配 用 户 到 角色 


(2) 使 用 管理 工具 建立 和 管理 规则 

访问 规则 管理 用 于 用 户 或 者 角色 对 于 路 径 的 访问 权限 进行 授权 ,在 图 10-4 网 站 安全 界 
面 中 单 击 “ 创 建 访问 规则 ”链接 .打开 图 10-7 所 示 的 “添加 新 访问 规则 ”界面 。 在 这 里 选中 
MangOrder 文件 夹 ,然后 选择 “角色 ”, 选 中 先前 创建 的 角色 “订单 管理 员 ”, 然 后 在 权限 部 分 


选择 “允许 ”。 这 样 一 种 组 合 就 表示 允许 订单 管理 员 这 个 角色 访问 MangOrder 文件 夹 。 要 
达到 授权 要 求 ,除了 允许 订单 管理 员 访 问 文件 夹 之 外 ,还 需要 禁止 其 他 人 或 角色 访问 
MangOrder 文件 夹 。 在 单 击 “ 确 定 ” 按 钮 保存 这 个 访问 规则 之 后 ,再 次 单 击 “ 创 建 访问 规则 ” 
链接 来 创建 一 个 拒绝 规则 : 指定 所 有 用 户 对 于 MangOrder 文件 夹 的 访问 权限 为 拒绝 ,如 
图 10-8 所 示 , 单 击 “ 确 定 ” 按 钮 完成 规则 设置 。 


针 加 新 访问 规则 


为 此 规则 选择 一 个 目录 : 规则 应 用 于 : 权限 : 
口 Masterpage ”到 
Report @ 角色 [ 晶 夺 中 本 @ nt 许 
BO web We 
MangOrder C 拒绝 
白 ”Roles 搜索 用 户 
saleSum CC 所 有 用 户 
白 Users B 
店 ，UserShop ”到 人 匿名 用 户 


图 10-7 使 用 网 站 管理 工具 添加 允许 访问 规则 


添加 新 访问 规则 


为 此 规则 选择 一 个 目录 : 规则 应 用 了 于: 权限 : 
器 MasterPage 到 
四 ”Report C 角色 [订单 管理 员 司 Cz 许 
日 四 Web op Ej 
MangOrder 6 拒绝 
白 Roles 搜索 用 户 
白 SaleSum 人 所 有 用 户 
Ee emr 
UserShop 也 


图 10-8 ”使 用 网 站 管理 工具 添加 拒绝 访问 规则 


返回 到 图 10-4 网 站 安全 界面 单 击 “ 管 理 访问 规则 ”链接 ,打开 “管理 访问 规则 ”界面 如 
图 10-9 所 示 。 单 击 MangOrder 文件 夹 , 将 展示 两 条 授权 规则 ,订单 管理 员 允 许 访问 该 文件 
夹 , 其 他 人 或 角色 被 拒绝 访问 该 文件 夹 。 


帕 ”Masterpage 
白 。 Report 
日 白 “web 


Mangorder 
Roles 


Salesum 
Users 
UserShop 


图 10-9 使 用 网 站 管理 工具 管理 访问 规则 


经 过 以 上 配置 过 程 ,在 MangOrder 文件 夹 下 将 产生 一 个 Web. Config 文件 ,内 容 如 下 : 


<?xml version= "1.0" encoding = "utf - 8"?> 


<configuration> 
<system. web> 


<authorization> 
<allow roles = "订单 管理 员 " /> 


<deny users="#*" /> 


</authorization > 
</systenm. web> 

</configuration> 

配置 节 “ 一 allow roles 王 "订单 管理 员 " /二 ”允许 订单 管理 员 角 色 访 问 MangOrder 文件 
夹 ,配置 节 “ 二 deny users 二 "*" /全 ”拒绝 其 他 用 户 访问 该 文件 夹 。 

(3) 测试 角色 和 访问 规则 

打开 NetBook 应 用 程序 网 站 ,进入 登录 界面 ,分 别 使 用 “netbook” 账 户 和 “zhangsan” 账 
户 登 录 网 站 , 单 击 “ 订 单 处 理 ” 功 能 链接 ,“netbook” 账 户 属于 “订单 管理 员 ” 角 色 可 以 正常 访 
问 该 页 面 ,打开 销售 订单 列表 。“zhangsan” 账 户 不 能 访问 该 页 ,被 导向 登录 页 面 。 


3. 任务 完成 总 结 


本 任务 中 主要 介绍 了 ASP.NET 网 站 管理 工具 建立 角色 和 管理 角色 的 过 程 ,以 及 创建 
规则 和 管理 规则 的 过 程 。 规 则 作用 于 角色 ,决定 角色 是 否 对 文件 夹具 有 访问 权限 。 用 户 从 
属于 角色 ,用 户 通 过 角色 取得 访问 文件 的 权限 。 


4. 课堂 训练 与 知识 拓展 


建立 “我 的 网 店 ” 角 色 和 “销售 统计 ”角色 ,创建 账户 “lisi" 和 “wangwu”, 账 户 “lisi” 是 普 
通 客户 ,账户 *wangwu” 是 网 店 的 管理 人 员 ,将 “lisi” 分 配 到 角色 “我 的 网 店 ”, 将 “wangwu” 分 
配 到 角色 “销售 统计 ”。 文 件 夹 UserShop 下 保存 跟 用 户 相 关 的 操作 功能 ,如 购物 车 .订单 查 
询 等 ,建立 访问 规则 将 文件 夹 UserShop 指派 给 “我 的 网 店 ” 角 色 。 文 件 夹 SaleSum 下 保存 
销售 统计 功能 ,建立 访问 规则 将 该 文件 夹 指 派 给 “销售 统计 ”角色 。 验 证 账户 “lisi” 和 
“wangwu” 各 自 的 访问 权限 。 


10.4.3 任务 10-3 ”使 用 Roles 类 建立 和 管理 角色 


1. 任务 介绍 


本 章 任务 10-2 介绍 了 使 用 ASP .NET 网 站 管理 工具 建立 和 管理 角色 ,本 任务 中 将 介绍 
使 用 Roles 类 创建 一 个 简单 的 网 上 书店 角色 管理 系统 ,实现 添加 或 删除 角色 ,为 角色 分 配 用 
户 和 删除 用 户 等 一 些 基 本 功能 。 


2. 任务 分 析 


Roles 类 提供 了 一 组 丰富 的 方法 ,实现 对 角色 的 管理 。GetAllRoles 方法 可 以 获取 所 有 
的 角色 列表 ,RoleExists 方法 可 以 判断 角色 是 否 已 经 存储 在 数据 库 中 ,CreateRole 方法 可 以 
创建 角色 ,DeleteRole 方法 从 数据 存储 区 删除 角色 。 以 上 方法 是 对 角色 本 身 的 管理 , 除 此 之 
外 ,还 提供 了 管理 角色 中 用 户 的 方法 。IsUserInRole 方法 判断 用 户 是 否 包 含 在 指定 角色 中 ， 
AddUserToRole 方 法 将 用 户 添 加 到 角色 中 ,RemoveUserFromRole 方法 可 以 从 角色 中 移 除 
用 户 ,GetUsersInRole 方法 可 以 获取 角色 中 用 户 列表 。 本 任务 将 使 用 上 述 方法 实现 创建 角 
色 和 管理 角色 的 功能 。 

对 角色 的 管理 过 程 分 两 个 步骤 完成 : 第 一 步 实 现 角 色 的 添加 和 删除 ; 第 二 步 实 现 添加 


用 户 到 角色 和 从 角色 中 删除 用 户 。 
(1) 实现 角色 的 添加 和 删除 
添加 角色 和 删除 角色 界面 设计 如 图 10-10 所 示 。 


ES 
入 角色 名 称 添加 角色 
序号 角色 名 称 

数据 绑 定 | 数据 娜 定 

效 据 绑 定 [ 茹 据 忆 定 

数据 饰 定 [三 握 时 定 


数据 绑 定 [ 萄 所 哪 定 
数据 缉 定 [ 茹 据 嘱 定 


[blMse] 


图 10-10 添加 和 删除 角色 


在 解决 方案 Roles 文件 夹 下 添加 文件 MangRoles. aspx, 在 MangRoles. aspx 设计 界面 
上 添加 文本 控件 txtRoleName 用 于 输入 角色 , 当 单 击 “ 添 加 角色 ”按钮 时 ,可 以 将 文本 框 中 
角色 添加 到 数据 角色 表 中 。 角 色 清 单列 表 使 用 GridView 控件 实现 ,控件 的 ID 定义 为 
gvRoles。GridView 控件 共 设计 成 三 列 : 序号 、 角 色 名 称 和 删除 。 这 三 列 均 使 用 模板 技术 
实现 。 第 一 列 模板 中 添加 一 列 序 号 ,使 用 代码 绑 定 技术 实现 ,模板 项 中 绑 定 代 码 “ 二 %# 
Container. DataItemIndex 十 1 %”。 第 二 列 模板 项 中 放 控 件 文本 框 绑 定 “ 角 色 ”。 第 三 列 
模板 项 中 放 功 能 按钮 ,实现 删除 角色 的 功能 。 

界面 设计 代码 如 下 : 


<fieldset style = "width:500px"> 
< legend > 实现 角色 管理 功能 </legend> 
<br /> 
<asp:Label ID = "Labell" Width= "100" runat = "server" 
Text = "输入 角色 名 称 "/> 
< asp:TextBox ID = "txtRoleName" Width= "200" runat = "server"> 
< asp:Button ID = "btnAdd" Width = "100" runat = "server" 
Text = "添加 角色 "OnClick = "btnAdd_Click" /> 
<br /> 
<br /> 
<asp:GridView ID = "gvRoles" Width = "460px" runat = "server"> 
< Columns > 
< asp:TemplateField HeaderText = "序号 "> 
< ItemTemplate> 
<% 井 Container. DataItemIndex+ 1 $%> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "角色 名 称 "> 
< ItemTemplate> 
< asp:TextBox ID = "txtRole”Width= "300px" runat = "server" 
Text ="<% # Container. DataItem. ToString() %>"/> 
</ItemTemplate> 
</asp:TemplateField> 


<asp:TemplateField HeaderText = "删除 "> 
< ItemTemplate> 
< asp:LinkButton ID = "lbtDel" Width = "50px" runat = "server" Text = "删除 " 
OnClientClick = "return confirm( ' 是 否 删除 该 行 ?');" 
onclick = "lbtDel Click"></asp:LinkButton> 
</ItenTemplate> 
</asp: TemplateField> 
</Columns > 
</asp:GridView> 
<br /> 
<br /> 
<asp:Label ID= "lblMsg" ForeColor = "Red" runat = "server" Text = ""/> 
</fieldset > 


可 以 使 用 Roles 类 的 GetAllRoles 方法 获取 所 有 的 角色 列表 ,GridView 控件 绑 定 显 示 
角色 数据 源 的 代码 如 下 : 
gvRoles. DataSource = Roles.GetAllRoles(); 
gvRoles. DataBind( ); 
添加 角色 过 程 在 “添加 角色 ”按钮 的 btnAdd_Click 事件 中 完成 ,事件 代码 中 首先 要 做 非 
空 验证 ,然后 判断 角色 是 否 已 经 存在 ,如 果 角 色 不 存在 , 则 使 用 Roles 类 的 CreateRole 方法 
将 角色 添加 到 数据 库 。 代 码 如 下 : 
if (!string. IsNullOrEmpty(txtRoleName. Text)) { 
if (Roles. RoleExists(txtRoleName. Text)) { 
lblMsg. Text = "此 角色 已 存在 "; 
} 
else { 


Roles. CreateRole( txtRoleName. Text); 
lblMsg. Text = "添加 角色 成 功 "; 


} 


删除 角色 的 实现 过 程 稍微 有 些 复杂 ,这 里 给 出 完整 的 方法 。“ 删 除 ? 按 钮 对 象 的 类 型 是 
LinkButton ,按钮 对 象 事件 函数 lbtDel_Click 第 一 个 参数 sender 指 按钮 对 象 本 身 , 使 用 时 需 
做 类 型 转换 “删除 ?按钮 对 象 在 GridView 对 象 的 单元 格 中 ,单元 格 对 象 包含 在 GridView 
的 数据 行 对 象 中 ,所 以 连续 使 用 两 次 lbtDel 对 象 的 Parent 方法 便 可 以 定位 到 按钮 所 在 的 数 
据 行 ,找到 的 数据 行 对 象 也 需要 做 类 型 转换 。 在 数据 行 中 使 用 FindControl 方法 查找 呈现 
“角色 ”的 文本 框 对 象 txtRole。 从 文本 框 对 象 中 获取 角色 ,调用 Roles 类 的 DeleteRole 方 法 
删除 角色 。 进 行 删 除 操作 后 要 重新 进行 绑 定 呈现 角色 列表 操作 。 

删除 角色 的 代码 如 下 : 

protected void lbtDel Click(object sender, EventArgs e) { 


GridViewRow gvRow = ((sender as LinkButton).Parent. Parent as GridViewRow); 
TextBox txtRole = gvRow.FindControl("txtRole") as TextBox; 


if (Roles. RoleExists(txtRole. Text)) { 
if (Roles. DeleteRole(txtRole.Text)) { 


lblMsg. Text =“ 删 除 角色 成 功 "; 
} 


gvRoles. DataSource = Roles.GetAllRoles(); 
gvRoles. DataBind( ); 


(2) 实现 从 角色 中 移 除 用 户 或 把 用 户 添加 到 角色 

在 Roles 文件 夹 下 添加 文件 AddUserToRole. aspx, 使 用 “二 asp: DropDownList ID 三 
"ddlRole" runat = 二" server” /二 ”呈现 所 有 角色 ,下 拉 控 件数 据 源 通过 Roles 类 的 
GetAllRoles 方法 获得 。 代 码 如 下 : 


ddlRole. DataSource = Roles.GetAllRoles(); 
ddlRole. DataBind( ) ; 


在 设计 界面 上 添加 GridView 控件 ,ID 定义 为 gvRoleUsers, 该 控件 用 于 显示 ddlRole 
下 拉 控 件 中 选中 的 角色 内 的 用 户 。 控 件 共 三 列 , 第 一 列 为 “序号 ”第 二 列 为 “用 户 名 ”第 三 
列 为 “ 移 除 用 户 ” 功 能 按钮 ,实现 从 角色 中 移 除 用 户 。 代 码 如 下 : 


<asp:GridView ID = "gvRoleUsers" Width= "460px" runat = "server"> 
< Columns > 
< asp:TemplateField HeaderText = "序号 "> 
< ItemTemplate> 
<% #Container. DataItemIndex+ 1 %> 
</ItemTemplate> 
</asp:TemplateField> 
< asp:TemplateField HeaderText = "用 户 名 称 "> 
< ItemTemplate> 
<asp:Label ID= "lblUser" Width = "300px" runat = "server" 
Text = "<% # Container. DataIltem. ToString() %>" /> 
</ItemTemplate> 
</asp:TemplateField> 
< asp:TemplateField HeaderText = " 移 除 "> 
< ItemTemplate> 
<asp:LinkButton ID = "lbtMoveUserFromRole" 
Text = " 移 除 用 户 " runat = "server" 
onclick = "lbtMoveUserFromRole_Click"/> 
</ItenTemplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView > 


使 用 Roles 类 的 IsUserInRole 方法 判断 用 户 是 否 包 含 在 指定 角色 中 ,如 果 用 户 包 含 在 
角色 中 则 使 用 Roles 类 的 RemoveUserFromRole 方法 从 角色 中 移 除 用 户 。 使 用 Roles 类 的 
GetUsersInRole 方 法 可 以 获取 指定 角色 中 的 用 户 列表 ,结果 绑 定 到 gvRoleUsers 控件 上 呈 
现 。lbtMoveUserFromRole_Click 事件 代码 如 下 : 


if (Roles. IsUserInRole(1blUser. Text, roleName)) { 
Roles. RemoveUserFromRole( lblUser. Text, roleName); 


gvRoleUsers. DataSource = Roles. GetUsersInRole(roleName) ; 
gvRoleUsers. DataBind( ) ; 
} 


完成 添加 用 户 到 角色 的 功能 首先 要 显示 所 有 用 户 ,可 以 在 AddUserToRole. aspx 文件 
的 设计 界面 上 添加 GridView 控件 ,控件 ID 定义 为 gvUsers ,控件 的 结构 与 gvRoleUsers 一 
致 。 控 件 的 最 后 一 列 为 “分 配 用 户 ? 功 能 按钮 。 按 钮 设计 代码 如 下 : 

<asp:LinkButton ID = "lbtAddUserToRole"” Text = "分 配 用 户 " runat = "server" 

onclick = "lbtAddUserToRole Click"/> 

可 以 使 用 Membership 类 的 GetAllUsers 方法 获得 所 有 用 户 的 列表 绑 定 到 gvUsers 控 
件 上 显示 。 代 码 如 下 : 

gvUsers. DataSource = Membership.GetAllUsers(); 

gvUsers. DataBind( ) ; 

在 “分 配 用 户 ” 按 钮 的 lbtAddUserToRole_Click 事件 函数 中 完成 将 用 户 分 配 到 角色 的 
过 程 。 如 果 角 色 中 没有 要 分 配 的 用 户 , 则 使 用 Roles 类 的 AddUserToRole 方法 将 用 户 添加 
到 指定 角色 中 。 代 码 如 下 : 


if (!Roles. IsUserInRole(1lblUser. Text, roleName) ){ 
Roles. AddUserToRole( lblUser. Text, roleName); 
gvRoleUsers. DataSource = Roles.GetUsersInRole(roleName); 
gvRoleUsers. DataBind( ); 

} 


3. 任务 完成 总 结 


本 任务 中 主要 介绍 了 使 用 Roles 类 完成 添加 角色 删除 角色 的 过 程 ,以 及 将 用 户 分 配 到 
角色 和 从 角色 中 移 除 用 户 的 过 程 。 在 添加 和 删除 角色 时 使 用 了 Roles 类 的 RoleExists 方法 
判断 角色 是 否 存 在 ,使 用 CreateRole 方法 和 DeleteRole 方法 完成 角色 的 添加 和 删除 功能 。 
在 向 角色 中 添加 用 户 时 ,使 用 Roles 类 的 AddUserToRole 方法; 而 从 角色 中 移 除 用 户 时 ， 
使 用 的 是 Roles 类 的 RemoveUserFromRole 方法 。 


4. 课堂 训练 与 知识 拓展 


依据 本 任务 中 的 步骤 设计 一 个 简单 的 角色 管理 程序 ,实现 添加 角色 、 删 除 角 色 、 添 加 用 
户 到 角色 和 从 角色 中 移 除 用 户 的 功能 ,并 实现 不 同 角色 的 用 户 授权 。 


10.5 项 目 总 结 


本 项 目 通过 3 个 递 进 的 任务 介绍 了 网 上 书店 Web 认证 和 授权 的 实现 过 程 。 第 一 个 任 
务 讨论 了 使 用 成 员 资 格 管理 技术 设计 网 上 书店 用 户 管理 系统 ,重点 掌握 成 员 资 格 管理 类 
Membership 类 和 MembershipUser 类 的 用 法 。 第 二 个 任务 重点 分 析 使 用 ASP .NET 网 站 
管理 工具 进行 角色 配置 和 授权 管理 , 需 重点 掌握 Web. Config 文件 关于 角色 配置 项 设置 以 


及 掌握 ASP.NET 网 站 管理 工具 的 使 用 。 第 三 个 任务 讨论 了 使 用 Roles 类 管理 角色 ,以 及 
角色 和 用 户 的 关系 ,重点 掌握 Roles 类 的 使 用 。 


10.6 项 目 实 训 


1. 任务 描述 


建立 一 个 基于 Web 方式 的 权限 管理 系统 Authorization ,实现 Web 认证 和 授权 。 在 
SQLServer 2005 中 建立 权限 管理 数据 库 , 数 据 库 名 为 aspnetdb, 使 用 ASP .NET SQL 
Server 注册 工具 Aspnet_regsql. exe 生成 权限 管理 数据 库 的 表 结 构 。 


2. 任务 要 求 


Q@ 打开 Web. config 文件 ,在 二 system. web 二 下 添加 二 authentication 二 节点 ,并 配置 
其 参数 ,包括 认证 模式 、 登 录 页 面 等 。 

@ 添加 数据 库 连 接 (MembershipConnection), 连 到 aspnetdb。( 注 意 : 使 用 SQL 
Server 2005 或 SQL Express 均 可 。) 

@ 配置 系统 认证 提供 程序 ,使 用 默认 提供 程序 SqlMembershipProvider, 数 据 库 连接 使 
用 MembershipConnection 。 

@ 配置 系统 授权 提供 程序 ,使 用 默认 提供 程序 SqlRoleProvider, 数据 库 连接 使 用 
MembershipConnection 。 

@ 使 用 Memship 类 和 MemshipUser 类 完成 新 用 户 注册 、 登 录 和 修改 密码 的 操作 。 用 
户 登录 后 使 用 LoginName 控件 显示 当前 登录 用 户 名 。 

@ 在 站 点 根 目 录 新 建 Members 子 目录 ,并 新 增 Web. config 文件 ,通过 配置 URL 授 
权 , 只 允许 Members 角色 的 用 户 才 可 以 访问 该 目录 下 的 页 面 。 

@ 在 Sales 目录 下 新 建 Web. config 文件 ,通过 配置 URL 授权 ,只 允许 Sales 角色 的 用 
户 才 可 以 访问 该 目录 下 的 页 面 。 

@ 在 Members 目录 下 新 建 MemberUpdate. aspx 页 面 ,并 添加 两 个 Label 和 TextBox 
控件 ,用 于 显示 用 户 名 和 用 户 E-mail, 只 允许 修改 E-mail, 然 后 在 Page_Load 事件 方法 中 通 
过 成 员 资格 API 访问 当前 登录 用 户 信息 ,并 将 信息 输出 到 TextBox 控件 中 。 

再 添加 一 个 “修改 "按钮 ,并 在 按钮 的 单 击 事件 中 通过 成 员 资格 API 修改 用 户 
的 E-mail。 
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